fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-09-19 20: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. */
a:link {
color: #eee7b2;
color: #eee8a7;
}
a:visited {
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) {
html {
background-color: #333;
html,
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) {
html {
background-color: #111;
html,
input {
background-color: #0d0d0d;
color: #eee;
}