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) { @media (prefers-color-scheme: dark) {
html { html {
background: #000; 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 { .u-photo {
/* Versions of Samsung Internet released recently as 2017 need this /* Versions of Samsung Internet released recently as 2017 need this
* prefix, along with Qt4-based QtWebkit used in e.g. rekonq */ * prefix, along with Qt4-based QtWebkit used in e.g. rekonq */
@ -13,15 +13,15 @@
} }
a { a {
color: #4af; color: #8cf;
} }
a:visited { a:visited {
color: #d7f; color: #d9f;
} }
a:active { a:active {
color: #f33; color: #e3e;
} }
blockquote, blockquote,

4
assets/css/main.css
View file

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