Update links color for better accessibility

This commit is contained in:
Alex Rock Ancelet 2019-12-09 17:18:12 +01:00
parent 3c4a527638
commit d0e57f13f3
No known key found for this signature in database
GPG key ID: 88A74A3BC09636A2
2 changed files with 17 additions and 17 deletions

View file

@ -50,13 +50,12 @@ ul {
} }
a, a:visited { a, a:visited {
color: #404040; color: #0085a1;
text-decoration-color: #999; text-decoration: none;
text-decoration-style: dotted;
} }
a:hover { a:hover {
text-decoration-color: #404040; color: #34b3ce;
} }
code { code {
@ -80,6 +79,8 @@ code {
.page-heading { .page-heading {
font-size: 0.8em; font-size: 0.8em;
} }
ul { ul {
padding-left: 1em; padding-left: 1em;
} }
}

View file

@ -31,17 +31,17 @@ p + p {
} }
p a { p a {
/* text-decoration: underline */ /* text-decoration: underline */
color: #008AFF; color: #0085a1;
} }
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-weight: 800; font-weight: 800;
} }
a { a {
color: #008AFF; color: #0085a1;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #0085a1; color: #34b3ce;
} }
blockquote { blockquote {
color: #808080; color: #808080;
@ -150,14 +150,14 @@ img {
.navbar-custom .navbar-brand, .navbar-custom .navbar-brand,
.navbar-custom .nav li a { .navbar-custom .nav li a {
font-weight: 800; font-weight: 800;
color: #404040; color: #0085a1;
} }
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus , .navbar-custom .navbar-brand:focus ,
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus { .navbar-custom .nav li a:focus {
color: #0085a1; color: #34b3ce;
} }
.navbar-custom .navbar-brand-logo { .navbar-custom .navbar-brand-logo {
@ -305,7 +305,7 @@ footer {
} }
footer a { footer a {
color: #404040; color: #0085a1;
} }
footer .list-inline { footer .list-inline {
@ -354,14 +354,13 @@ footer .theme-by {
.post-preview a { .post-preview a {
text-decoration: none; text-decoration: none;
color: #404040; color: #0085a1;
} }
.post-preview a:focus, .post-preview a:focus,
.post-preview a:hover { .post-preview a:hover {
text-decoration: none; text-decoration: none;
color: #0085a1; color: #34b3ce;
} }
.post-preview .post-title { .post-preview .post-title {
@ -387,7 +386,7 @@ footer .theme-by {
.post-preview .post-meta a, .post-preview .post-meta a,
.post-heading .post-meta a, .post-heading .post-meta a,
.page-meta a { .page-meta a {
color: #404040; color: #0085a1;
text-decoration: none; text-decoration: none;
} }
.post-preview .post-entry { .post-preview .post-entry {
@ -452,7 +451,7 @@ footer .theme-by {
.blog-tags a:hover { .blog-tags a:hover {
border-radius: 2px; border-radius: 2px;
color: #008AFF; color: #34b3ce;
background-color: #CCC; background-color: #CCC;
} }
@ -644,7 +643,7 @@ footer .theme-by {
padding: 10px 5px; padding: 10px 5px;
background: #FFF; background: #FFF;
border-radius: 0; border-radius: 0;
color: #404040; color: #0085a1;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.pager li a { .pager li a {
@ -761,7 +760,7 @@ div.splitbox div.right {
padding: 10px 5px; padding: 10px 5px;
background: #FFF; background: #FFF;
border-radius: 0; border-radius: 0;
color: #404040; color: #0085a1;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.disqus-comments button { .disqus-comments button {