diff --git a/assets/css/dark.css b/assets/css/dark.css index 3664490..8f2dfaf 100644 --- a/assets/css/dark.css +++ b/assets/css/dark.css @@ -6,17 +6,19 @@ html { /* Pure white on black causes halation. * "background" is short for a bunch of unnecessary CSS rules - * background-color is all I need */ - background-color: #141414; + * background-color is all I need. + * This is the brightest background that still achieves an APCA + * contrast of 90 Lc.*/ + background-color: #1a1919; /* Dimming the default text color is not the same as reducing screen * brightness, since other colors in this stylesheet have brighter * red and blue channels than the default text. */ - color: #e9e9e9; + color: #e6e6e6; } /* Only color if it's a link; if href is empty, let it be. */ a:link { - color: #f1e7b2; + color: #eee7b2; } a:active { @@ -24,7 +26,13 @@ } a:visited { - color: #ffd9ff; + color: #ffdaff; + } + + @media (prefers-contrast: less) { + html { + background-color: #333; + } } /* Small text needs higher contrast. */ @@ -38,9 +46,11 @@ } } - @media (prefers-contrast: less) { + @media (prefers-contrast: more) { html { - background-color: #333; + background-color: #111; + color: #eee; } } + } diff --git a/assets/css/main.css b/assets/css/main.css index 0ecebb6..2679b87 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -169,7 +169,7 @@ ul ul { /* Step 1 to making the single-line nav: remove the bullet padding. */ nav ul { - padding: 0 + padding: 0; } /* step 2: remove bullets and make elements inline. @@ -181,7 +181,6 @@ nav ul li { margin-right: .375em; } - /* narrow screens: reduce margin for blockquotes a lot, using * a border instead. Put it on the left and right to make it * LTR/RTL-neutral, for machine translators that change text