diff --git a/assets/css/dark.css b/assets/css/dark.css index 0861481..fdb7f5f 100644 --- a/assets/css/dark.css +++ b/assets/css/dark.css @@ -1,36 +1,34 @@ @media (prefers-color-scheme: dark) { /* I've been told that pure white on black is a bit harsh */ html { - color: #eee; + color: #e9e9e9; } html { /* "background" is short for a bunch of unnecessary CSS rules * background-color is all I need */ - background-color: #0f0f0b; - } - - /* Small text needs better contrast */ - sup a { - background-color: #000; + background-color: #111; } /* Only color if it's a link; if href is empty, let it be. */ a:link { - color: #ffeaba; + color: #f1e6af; } a:active { - color: #c80; + color: #b93; } a:visited { - color: #f9dafa; + color: #ffd6ff; + } + + sup a:link { + color: #f3f0cb; } - /* Small text needs better contrast */ sup a:visited { - color: #fae4ff; + color: #ffdfff; } :not(pre) > code, diff --git a/assets/css/main.css b/assets/css/main.css index 8758f5e..94a3662 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -31,7 +31,7 @@ html { * minimal adjustment. * Only do this on screen, since printouts already improve legibility * and cost paper + ink. */ - font-size: 106%; + font-size: 105%; max-width: 45em; padding: 0 2%;