paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit a4b4b33be5f11ff5e893977a627036d31d593366
parent a3dd3eaefc298fd45285e8b323384c1554853974
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Fri, 31 Dec 2021 14:53:07 -0500

Switch to light theme as default

Diffstat:
Mbuild/footer.html | 2+-
Mstyle/main.css | 76++++++++++++++++++++++++++++++++++++++--------------------------------------
2 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/build/footer.html b/build/footer.html @@ -1 +1 @@ -</main><hr><footer><small><div style="float:left"><a href="https://fediring.net/previous?host=www.paritybit.ca">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=www.paritybit.ca">→</a></div><center>© 2019-2021 Jake Bauer — <a href="https://creativecommons.org/licenses/by/4.0/legalcode">CC-BY 4.0</a> <a href="https://webring.xxiivv.com/#paritybit" target="_blank" style="float:right"><img id="xxiivv-icon" src="/img/icon.white.svg" width="20px" height="20px" alt="XXIIVV webring"/></a></center></small></footer></body></html> +</main><hr><footer><small><div style="float:left"><a href="https://fediring.net/previous?host=www.paritybit.ca">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=www.paritybit.ca">→</a></div><center>© 2019-2021 Jake Bauer — <a href="https://creativecommons.org/licenses/by/4.0/legalcode">CC-BY 4.0</a> <a href="https://webring.xxiivv.com/#paritybit" target="_blank" style="float:right"><img id="xxiivv-icon" src="/img/icon.black.svg" width="20px" height="20px" alt="XXIIVV webring"/></a></center></small></footer></body></html> diff --git a/style/main.css b/style/main.css @@ -1,6 +1,6 @@ body { - background-color: #222; - color: #ccc; + background-color: #fcfcfc; + color: #111; line-height: 1.3rem; max-width: 820px; max-width: 72ch; @@ -44,7 +44,7 @@ nav a:hover { } a, nav a:visited { - color: #83b3d8; + color: #134799; } a:hover { @@ -52,7 +52,7 @@ a:hover { } a:visited { - color: #a696cc; + color: #551a8b; } img, video { @@ -60,7 +60,7 @@ img, video { } blockquote { - border-left: 3px solid #83b3d8; + border-left: 3px solid #134799; border-radius: 7px; padding-left: 0.5em; } @@ -70,23 +70,23 @@ figcaption { } input { - color: #ccc; - background-color: #333; - border: 2px inset #585858; + color: #111; + background-color: #eee; + border: 2px inset #aaa; } button { - color: #ccc; - background-color: #333; - border: 2px outset #585858; + color: #111; + background-color: #eee; + border: 2px outset #aaa; } button:hover { - border: 2px outset #83b3d8; + border: 2px outset #134799; } button:active { - border: 2px inset #585858; + border: 2px inset #aaa; } table, th, td { @@ -96,7 +96,7 @@ table, th, td { } th { - background-color: #363636; + background-color: #ccc; } .byline { @@ -104,7 +104,7 @@ th { } .note { - background-color: #245; + background-color: #69a; border-radius: 5px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5); padding: 15px 20px; @@ -119,7 +119,7 @@ th { float: right; width: 45%; border: 2px #585858 solid; - background-color: #363636; + background-color: #eee; } #toc-title { @@ -129,16 +129,16 @@ th { } pre { - background-color: #333; + background-color: #ccc; overflow: auto; padding: 0.5em; line-height: 1.1rem; } code { + background-color: #ccc; font-family: "IBM Plex Mono", monospace; font-size: 0.9rem; - background-color: #333; } @media print { @@ -165,53 +165,53 @@ code { } } -@media (prefers-color-scheme: light) { +@media (prefers-color-scheme: dark) { body { - background-color: #fcfcfc; - color: #111; + background-color: #222; + color: #ccc; } a, nav a:visited { - color: #134799; + color: #83b3d8; } a:visited { - color: #551a8b; + color: #a696cc; } blockquote { - border-left: 3px solid #134799; + border-left: 3px solid #83d8b8; } input { - color: #111; - background-color: #eee; - border: 2px inset #aaa; + color: #ccc; + background-color: #333; + border: 2px inset #585858; } button { - color: #111; - background-color: #eee; - border: 2px outset #aaa; + color: #ccc; + background-color: #333; + border: 2px outset #585858; } button:hover { - border: 2px outset #134799; + border: 2px outset #83d8b8; } button:active { - border: 2px inset #aaa; + border: 2px inset #585858; } th { - background-color: #ccc; + background-color: #363636; } .note { - background-color: #69a; + background-color: #245; } .note a, .note a:visited{ - color: #111; + color: #ccc; } #table-of-contents { - background-color: #eee; + background-color: #363636; } pre { - background-color: #ccc; + background-color: #333; } code { - background-color: #ccc; + background-color: #333; } #xxiivv-icon { filter: invert(1);