fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00
Code Issues Projects Releases Wiki Activity

CSS: improve dark-mode contrast

Browse source 
Improve link contrast in dark mode, using APCA contrast ratios.
This commit is contained in:
Rohan Kumar 2021-05-31 16:02:12 -07:00
parent 853f4e9a61
commit f9092d7694
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/dark.css
View file

@ -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,

4
assets/css/main.css
View file

@ -66,10 +66,6 @@ img:not(.u-photo) {
max-width: 100%;
}
.u-photo {
vertical-align: -0.1em;
}
pre,
p code {
border: 1px solid #bbb;