mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-14 09:42:09 +00:00
Re-do dark stylesheet to avoid overstim
Use the updated weights for APCA.
This commit is contained in:
parent
f8cc34f37b
commit
0548f7d66c
2 changed files with 11 additions and 13 deletions
|
@ -1,36 +1,34 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
/* I've been told that pure white on black is a bit harsh */
|
/* I've been told that pure white on black is a bit harsh */
|
||||||
html {
|
html {
|
||||||
color: #eee;
|
color: #e9e9e9;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
/* "background" is short for a bunch of unnecessary CSS rules
|
/* "background" is short for a bunch of unnecessary CSS rules
|
||||||
* background-color is all I need */
|
* background-color is all I need */
|
||||||
background-color: #0f0f0b;
|
background-color: #111;
|
||||||
}
|
|
||||||
|
|
||||||
/* Small text needs better contrast */
|
|
||||||
sup a {
|
|
||||||
background-color: #000;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 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: #ffeaba;
|
color: #f1e6af;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:active {
|
a:active {
|
||||||
color: #c80;
|
color: #b93;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #f9dafa;
|
color: #ffd6ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup a:link {
|
||||||
|
color: #f3f0cb;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Small text needs better contrast */
|
|
||||||
sup a:visited {
|
sup a:visited {
|
||||||
color: #fae4ff;
|
color: #ffdfff;
|
||||||
}
|
}
|
||||||
|
|
||||||
:not(pre) > code,
|
:not(pre) > code,
|
||||||
|
|
|
@ -31,7 +31,7 @@ html {
|
||||||
* minimal adjustment.
|
* minimal adjustment.
|
||||||
* Only do this on screen, since printouts already improve legibility
|
* Only do this on screen, since printouts already improve legibility
|
||||||
* and cost paper + ink. */
|
* and cost paper + ink. */
|
||||||
font-size: 106%;
|
font-size: 105%;
|
||||||
|
|
||||||
max-width: 45em;
|
max-width: 45em;
|
||||||
padding: 0 2%;
|
padding: 0 2%;
|
||||||
|
|
Loading…
Reference in a new issue