fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-24 05:02:10 +00:00
Code Issues Projects Releases Wiki Activity

Make prefers-contrast change contrast even more

Browse source
This commit is contained in:
Rohan Kumar 2022-08-12 00:00:04 -07:00
parent dcb08d9fd4
commit 068df74cff
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/css/dark.css
View file

@ -25,17 +25,18 @@
/* Only color <a> if it's a link; if href is empty, let it be. */ /* Only color <a> if it's a link; if href is empty, let it be. */
a:link { a:link {
color: #eee7b2; color: #eee8a7;
} }
a:visited { a:visited {
color: #ffdaff; color: #ffdaff;
} }
/* For users who request less contrast, target ACPA Lc of -85 to -86 */ /* For users who request less contrast, target ACPA Lc near -80 */
@media (prefers-contrast: less) { @media (prefers-contrast: less) {
html { html,
background-color: #333; input {
background-color: #444;
} }
} }
@ -50,10 +51,16 @@
} }
} }
/* For users who request more contrast, target ACPA Lc near -96 */ /* For users who request more contrast, target ACPA Lc near -96.
* I have a monitor with terrible contrast so I use
* "prefers-contrast: more" and this amount works for me.
* People complained that the lobste.rs dark theme has too much
* contrast, so I made that my baseline and exceeded it ever so
* slightly. */
@media (prefers-contrast: more) { @media (prefers-contrast: more) {
html { html,
background-color: #111; input {
background-color: #0d0d0d;
color: #eee; color: #eee;
} }