From cb0c71a632aa54e96156d11c79e9e3f3a7b591f8 Mon Sep 17 00:00:00 2001 From: beese_buck <16601315+cant-be-blenk@users.noreply.github.com> Date: Wed, 19 Jan 2022 01:54:15 -0800 Subject: [PATCH] looks less awful --- files/assets/css/dramblr.css | 104 ++++++++++++++++++++++++++++++----- 1 file changed, 90 insertions(+), 14 deletions(-) diff --git a/files/assets/css/dramblr.css b/files/assets/css/dramblr.css index 88fbddffc..1a23402e5 100644 --- a/files/assets/css/dramblr.css +++ b/files/assets/css/dramblr.css @@ -1,15 +1,17 @@ :root { --black: #94a3b8; - --blue: #0284c7; - --gray-100: #f1f5f9; - --gray-200: #e2e8f0; - --gray-300: #cbd5e1; - --gray-400: #94a3b8; - --gray-500: #728195; - --gray-600: #475569; - --gray-700: #2d3c50; - --gray-800: #1e293b; - --gray-900: #0f172a; + --primary: #0284c7; + --gold: #f59e0b; + --secondary: #dc3545; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #728195; + --gray-600: #475569; + --gray-700: #2d3c50; + --gray-800: #1e293b; + --gray-900: #0f172a; } body, .container.transparent, .card { @@ -21,7 +23,7 @@ body, .container.transparent, .card { } p { - color: var(--gray-300) + color: var(--gray-200) } .comment-collapse-desktop { @@ -32,14 +34,88 @@ blockquote { background-color: var(--gray-700); } -#frontpage #main-content-row div { +#frontpage #main-content-row, .sidebar { background-color: var(--gray-800) !important } -#thread #main-content-row div { +#thread .comment-section { background-color: var(--gray-800) !important } .card { border-color: var(--gray-600) !important -} \ No newline at end of file +} + +.btn { + border-color: var(--gray-500); + color: var(--gray-300) +} + +#srd { + background-color: var(--gray-900) !important; +} + +#srd a { + color: var(--gray-200) !important +} + +.sidebar { + color: var(--gray-200) +} + +#mobile-bottom-navigation-bar { + background-color: var(--gray-700) !important; + border-color: var(--gray-600) !important; +} + +#mobile-bottom-navigation-bar .text-primary { + color: var(--gray-200) !important +} + +#mobile-bottom-navigation-bar .text-muted { + color: var(--gray-400) !important +} + +#frontpage div#expandImageModal.modal.desktop-expanded-image-modal { + background-color: transparent !important; +} + +.text-small-extra.text-primary { + color: var(--gray-300) !important; +} + +.score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before { + color: var(--secondary) !important; +} + +.score-down, .active.arrow-down::before, .arrow-down::after, .arrow-down:hover::before { + color: var(--secondary) !important; +} + +.arrow-up::before, .arrow-down::before, .score { + color: var(--gray-400); +} + +#frontpage .post-title a { + color: var(--gray-300) +} + +.text-info { + color: var(--gold) !important +} + +.comment-collapse-icon::before { + color: var(--gray-500) !important +} + +.text-admin { + color: green +} + +.fa-microphone-stand { + color: var(--primary) !important +} + +.fa-robot { + color: var(--secondary) !important +}