paritybit.ca

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

commit 2d9ba3164283210ec8abf03839c9f5182c47018d
parent 9b49b7e1186a69e4591ea241ddb763b978571fca
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Wed, 26 Feb 2020 21:34:31 -0500

Remove light theme from website

It was extra effort to maintain and I didn't particularly like the way
it looked anyways. It also caused users using browsers like Tor or those
without the option to select their OS theme to see the light theme by
default which I wasn't particularly happy with anyways.

Diffstat:
Mpages/home.md | 4----
Mstyle/main.css | 70----------------------------------------------------------------------
2 files changed, 0 insertions(+), 74 deletions(-)

diff --git a/pages/home.md b/pages/home.md @@ -14,10 +14,6 @@ links page](/links). Learn more about me, this site, and the tools and programs I use on [the about page](/about). -This site is available in both light and dark themes which are shown based on -wether or not your operating system/browser theme is set to light or dark -respectively. - <div class="feed-wrapper"> <h3 class="feed-title">What's New:</h3> <a class="rss-icon" href="/feeds/sitewide-feed.xml"> <img diff --git a/style/main.css b/style/main.css @@ -15,18 +15,6 @@ --info-fg: #ffffff; --border-dark: #585858; --shadow: #000000; - /* LIGHT THEME COLOURS */ - --bg-light: #f5f5f5; - --fg-light: #222222; - --bg-alt-light: #f0f1f2; - --fg-alt-light: #333333; - --unvis-link-light: #0645ad; /* From Wikipedia's Scheme */ - --vis-link-light: #691C69; - --hov-link-light: #0b0080; - --danger-bg-light: #aa0000; - --warning-bg-light: #c25400; - --notice-bg-light: #2d37cd; - --border-light: #a3a3a3; } body { @@ -293,61 +281,3 @@ select { margin-top: 1.5em; } } - -@media all and (prefers-color-scheme: light) { - nav > a:visited { - color: var(--unvis-link-light); - } - body { - background-color: var(--bg-light); - color: var(--fg-light); - } - h1, h2, h3, h4, h5 ,h6 { - color: var(--fg-alt-light); - } - pre { - background-color: var(--bg-alt-light); - border-color: var(--border-light); - } - code { - background-color: var(--bg-alt-light); - color: var(--fg-alt-light); - } - .inline-notice { - background-color: var(--notice-bg-light); - } - .inline-warning { - background-color: var(--warning-bg-light); - } - .inline-danger { - background-color: var(--danger-bg-light); - } - a { - color: var(--unvis-link-light); - } - a:visited { - color: var(--vis-link-light); - } - a:hover { - color: var(--hov-link-light); - } - nav > a:hover { - color: var(--hov-link-light); - } - input { - color: var(--fg-alt-light); - background-color: var(--bg-alt-light); - } - button { - color: var(--fg-alt-light); - background-color: var(--bg-alt-light); - } - select { - color: var(--fg-alt-light); - background-color: var(--bg-alt-light); - } - #table-of-contents { - background-color: var(--bg-alt-light); - border-color: var(--border-light); - } -}