From 9537fef995bede6438e2a500266a630de542b049 Mon Sep 17 00:00:00 2001 From: Ben Visness Date: Mon, 17 Jun 2024 19:39:21 -0500 Subject: [PATCH] Update a bunch of colors for light mode --- public/style.css | 15 +++++++++++---- src/rawdata/scss/header.css | 2 +- src/rawdata/scss/vars.css | 16 +++++++++++++--- src/templates/src/include/header-2024.html | 2 +- src/templates/src/layouts/base-2024.html | 4 ++-- 5 files changed, 28 insertions(+), 11 deletions(-) diff --git a/public/style.css b/public/style.css index 1d2896c9..ba12e70d 100644 --- a/public/style.css +++ b/public/style.css @@ -7170,9 +7170,16 @@ code { --theme-color-light: #666; --main-background-color: #f8f8f8; --main-background-color-transparent: rgba(#f8f8f8, 0); - --bg-1: #1f1f1f; - --bg-2: #2f2f2f; - --bg-3: #494949; + --card-background: #494949; + --card-background-hover: #333; + --card-background-transparent: #242424D8; + --bg-1: #f8f8f8; + --bg-2: #e8e8e8; + --bg-3: #d8d8d8; + --border-color: #bfbfbf; + --border-color-focused: #4e55ff; + --border-color-error: #ff3a3a; + --button-color-primary: #ee84ff; --forum-thread-read-color: #555; --forum-thread-read-link-color: #888; --notice-hiatus-color: #aa7d30; @@ -8423,7 +8430,7 @@ header.old .submenu > a { } } header { - background-color: var(--bg-4); + background-color: var(--bg-3); } header .hmn-logo { font-family: "MohaveHMN", sans-serif; diff --git a/src/rawdata/scss/header.css b/src/rawdata/scss/header.css index 5cbd5fb9..9b5367fa 100644 --- a/src/rawdata/scss/header.css +++ b/src/rawdata/scss/header.css @@ -114,7 +114,7 @@ header.old { } header { - background-color: var(--bg-4); + background-color: var(--bg-3); .hmn-logo { font-family: 'MohaveHMN', sans-serif; diff --git a/src/rawdata/scss/vars.css b/src/rawdata/scss/vars.css index 346f6736..a0df6b19 100644 --- a/src/rawdata/scss/vars.css +++ b/src/rawdata/scss/vars.css @@ -30,9 +30,19 @@ $breakpoint-large: screen and (min-width: 60em) --main-background-color: #f8f8f8; --main-background-color-transparent: rgba(#f8f8f8, 0); - --bg-1: #1f1f1f; - --bg-2: #2f2f2f; - --bg-3: #494949; + --card-background: #494949; + --card-background-hover: #333; + --card-background-transparent: #242424D8; + + --bg-1: #f8f8f8; + --bg-2: #e8e8e8; + --bg-3: #d8d8d8; + + --border-color: #bfbfbf; + --border-color-focused: #4e55ff; + --border-color-error: #ff3a3a; + + --button-color-primary: #ee84ff; --forum-thread-read-color: #555; --forum-thread-read-link-color: #888; diff --git a/src/templates/src/include/header-2024.html b/src/templates/src/include/header-2024.html index 1a0314d5..09a2e796 100644 --- a/src/templates/src/include/header-2024.html +++ b/src/templates/src/include/header-2024.html @@ -1,4 +1,4 @@ -
+
diff --git a/src/templates/src/layouts/base-2024.html b/src/templates/src/layouts/base-2024.html index 9ece47a2..c550405a 100644 --- a/src/templates/src/layouts/base-2024.html +++ b/src/templates/src/layouts/base-2024.html @@ -60,10 +60,10 @@ {{ template "extrahead" . }} - + {{ template "header-2024.html" . }} -
+
{{ block "content" . }}{{ end }}
{{ template "footer-2024.html" . }}