mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-10 00:12:09 +00:00
CSS: improve dark-mode contrast
Improve link contrast in dark mode, using APCA contrast ratios.
This commit is contained in:
parent
853f4e9a61
commit
f9092d7694
2 changed files with 5 additions and 9 deletions
|
@ -1,10 +1,10 @@
|
|||
@media (prefers-color-scheme: dark) {
|
||||
html {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
/* IndieWeb u-photo should be distinct from the background */
|
||||
/* IndieWeb u-photo shouldn't look like floating punctuation marks */
|
||||
.u-photo {
|
||||
/* Versions of Samsung Internet released recently as 2017 need this
|
||||
* prefix, along with Qt4-based QtWebkit used in e.g. rekonq */
|
||||
|
@ -13,15 +13,15 @@
|
|||
}
|
||||
|
||||
a {
|
||||
color: #4af;
|
||||
color: #8cf;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #d7f;
|
||||
color: #d9f;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #f33;
|
||||
color: #e3e;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
|
|
|
@ -66,10 +66,6 @@ img:not(.u-photo) {
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.u-photo {
|
||||
vertical-align: -0.1em;
|
||||
}
|
||||
|
||||
pre,
|
||||
p code {
|
||||
border: 1px solid #bbb;
|
||||
|
|
Loading…
Reference in a new issue