From 5e5d50f023b35068b0f5c0fdf7c3d5996e28c3e7 Mon Sep 17 00:00:00 2001 From: Dominic Ferrando Date: Sat, 26 Apr 2025 19:53:34 -0400 Subject: [PATCH] Color changes --- web/static/index.css | 58 ++++++++++++++++++++++++++------------------ 1 file changed, 35 insertions(+), 23 deletions(-) diff --git a/web/static/index.css b/web/static/index.css index 6ff5c19..ef2eb17 100644 --- a/web/static/index.css +++ b/web/static/index.css @@ -1,29 +1,30 @@ /* ---------- Palette ---------- */ :root { - --bg-main: #EEF2FF; - --text-muted: #575F68; - --brand-red: #AF0A0F; + --bg-main: #1d1f21; + --text-color: #c5c8c6; + --text-muted: #81a2be; + --brand-red: #c5c8c6; - --form-header-bg: #9988EE; - --border-light: #B7C5D9; - --link-primary: #0F0C5D; - --link-secondary: #34345C; + --form-header-bg: #282a2e; + --border-light: #282a2e; + --subject: #b294bb; + --link-secondary: #81a2be; - --post-bg: #D6DAF0; + --post-bg: #282a2e; --post-highlight: #D6BAD0; - --post-author: #13A82A; - --greentext: #789922; + --post-author: #c5c8c6; + --greentext: #b5bd68; - --reply-link: #DD0000; + --reply-link: #81a2be; --dialog-bg: #EDEFF7; - --danger: #FF0000; - --warning-bg: #FFAAAA; + --danger: #b294bb; + --warning-bg: #b294bb; --black: #000000; - --heading-bg: #00007F; + --heading-bg: #b294bb45; --heading-text: #FFFFFF; - --box-bg: #ECEFF6; + --box-bg: #282a2e; --shadow: rgba(0, 0, 0, 0.25); } @@ -37,6 +38,7 @@ body { padding-right: 4px; margin: 0 4px; font-size: 10pt; + color: var(--text-color) } /* INDEX */ @@ -72,7 +74,7 @@ body { } .board-header h1 { - font-weight: bold; + font-weight: bolder; font-size: 1.8rem; margin: 8px; margin-top: 12px; @@ -122,7 +124,7 @@ body { .catalog-preview h1 { font-size: 14px; - font-weight: bold; + font-weight: bolder; } .catalog-preview p { @@ -133,7 +135,7 @@ body { .catalog-preview-link { text-decoration: none; cursor: pointer; - color: var(--link-primary); + color: var(--subject); } .catalog-preview-img { @@ -235,7 +237,7 @@ body { .thread-subject { font-weight: bold; - color: var(--link-primary); + color: var(--subject); margin-right: 5px; float: left; } @@ -254,7 +256,7 @@ body { } .post-highlighted { - background: var(--post-highlight); + outline: 1px solid var(--link-secondary) } .post-header { @@ -267,6 +269,7 @@ body { } .post-author { + font-weight: bold; color: var(--post-author); } @@ -337,15 +340,24 @@ body { cursor: pointer; } + +.reply-link:hover { + opacity: 60%; +} + .reply-link-header { color: var(--link-secondary); - text-decoration: underline; + text-decoration: none; cursor: pointer; margin-left: 4px; } .reply-link-header:hover { - color: var(--reply-link); + opacity: 60%; +} + +.ext-link { + color: var(--link-secondary); } /* ADMIN */ @@ -405,7 +417,7 @@ body { } .box { - font-size: 12px; + font-size: 10pt; border: 1px solid var(--black); background-color: var(--box-bg); }