From be58b7aaa4c2ca1bee64dfc055aa2e3ed120fc67 Mon Sep 17 00:00:00 2001 From: Louis Dispa Date: Thu, 27 Feb 2025 22:58:57 +0100 Subject: [PATCH] Small fixes to css variables --- static/style.css | 23 +++++++++++------------ 1 file changed, 11 insertions(+), 12 deletions(-) diff --git a/static/style.css b/static/style.css index 0a0c42f7c..c6e124e04 100644 --- a/static/style.css +++ b/static/style.css @@ -1,22 +1,23 @@ :root { /* Light theme colors (default) */ + + --accent-color: #c04828; + --dark-fg-color: #fff; --light-fg-color: #141414; --light-bg-color: var(--dark-fg-color); --dark-bg-color: var(--light-fg-color); --fg-color: var(--light-fg-color); --bg-color: var(--light-bg-color); - --light-link-color: #c04828; - --dark-link-color: #c04828; - --link-color: var(--light-link-color); + --link-color: var(--accent-color); --light-highlight-bg-color: #ededed; --light-highlight-fg-color: #595959; --dark-highlight-bg-color: #27272a; --dark-highlight-fg-color: #ededed; --highlight-fg-color: var(--light-highlight-fg-color); --highlight-bg-color: var(--light-highlight-bg-color); - --link-text-color: #c04828; - --border-color: #ddd; + --link-text-color: var(--accent-color); + --header-border-color: #ddd; --post-bg-color: #e5e5e5; --font-face: "Fira Sans", sans-serif; @@ -28,17 +29,15 @@ :root { --fg-color: #e1e1e1; --bg-color: #222222; - --light-link-color: #ff7b5c; - --dark-link-color: #ff6b47; - --link-color: var(--light-link-color); + --link-color: var(--accent-color); --light-highlight-bg-color: #2d2d2d; --light-highlight-fg-color: #ffffff; --dark-highlight-bg-color: #27272a; --dark-highlight-fg-color: #ededed; --highlight-fg-color: var(--light-highlight-fg-color); --highlight-bg-color: var(--light-highlight-bg-color); - --link-text-color: var(--fg-color); - --border-color: #404040; + --link-text-color: var(--accent-color); + --header-border-color: #404040; --post-bg-color: #2d2d2d; } } @@ -120,7 +119,7 @@ header { justify-items: center; padding: 0.5rem 2rem; width: 100%; - border-bottom: 1px solid var(--border-color); + border-bottom: 1px solid var(--header-border-color); font-size: 1.2rem; } @@ -179,7 +178,7 @@ header .icon { #mobile-open-navigation button div { margin: 0.5em 0; width: 2em; - border-bottom: 0.25em solid black; + border-bottom: 0.25em solid var(--fg-color); } header {