From 33c13608a80172dafe3deee96a57f2e8cc0d1673 Mon Sep 17 00:00:00 2001 From: Rajat Dwivedi Date: Wed, 29 Mar 2023 10:56:08 +0000 Subject: [PATCH] Refixing light and dark themes --- .../static/css/bookwyrm/components/_tabs.scss | 6 +++--- bookwyrm/static/css/themes/bookwyrm-dark.scss | 16 ++++++++++++++++ bookwyrm/static/css/themes/bookwyrm-light.scss | 14 ++++++++++++++ 3 files changed, 33 insertions(+), 3 deletions(-) diff --git a/bookwyrm/static/css/bookwyrm/components/_tabs.scss b/bookwyrm/static/css/bookwyrm/components/_tabs.scss index 3fed83898..2d68a383b 100644 --- a/bookwyrm/static/css/bookwyrm/components/_tabs.scss +++ b/bookwyrm/static/css/bookwyrm/components/_tabs.scss @@ -34,7 +34,7 @@ border-bottom-color: $border; border-bottom-style: solid; border-bottom-width: 1px; - color: $link; + color: $text; display: flex; justify-content: center; margin-bottom: -1px; @@ -44,12 +44,12 @@ .bw-tabs a:hover { border-bottom-color: transparent; - color: $link + color: $text } .bw-tabs a.is-active { border-bottom-color: transparent; - color: $text + color: $link } .bw-tabs.is-left { diff --git a/bookwyrm/static/css/themes/bookwyrm-dark.scss b/bookwyrm/static/css/themes/bookwyrm-dark.scss index ae904b4a4..c3e8655e3 100644 --- a/bookwyrm/static/css/themes/bookwyrm-dark.scss +++ b/bookwyrm/static/css/themes/bookwyrm-dark.scss @@ -98,6 +98,22 @@ $family-secondary: $family-sans-serif; } +.tabs li:not(.is-active) a { + color: #2e7eb9 !important; +} + .tabs li:not(.is-active) a:hover { + border-bottom-color: #2e7eb9 !important; +} + +.tabs li:not(.is-active) a { + color: #2e7eb9 !important; +} +.tabs li.is-active a { + color: #e6e6e6 !important; + border-bottom-color: #e6e6e6 !important ; +} + + #qrcode svg { background-color: #a6a6a6; } diff --git a/bookwyrm/static/css/themes/bookwyrm-light.scss b/bookwyrm/static/css/themes/bookwyrm-light.scss index 21d46ff28..bb7d340a9 100644 --- a/bookwyrm/static/css/themes/bookwyrm-light.scss +++ b/bookwyrm/static/css/themes/bookwyrm-light.scss @@ -65,6 +65,20 @@ $family-secondary: $family-sans-serif; color: $grey !important; } +.tabs li:not(.is-active) a { + color: #3273dc !important; +} + .tabs li:not(.is-active) a:hover { + border-bottom-color: #3273dc !important; +} + +.tabs li:not(.is-active) a { + color: #3273dc !important; +} +.tabs li.is-active a { + color: #4a4a4a !important; + border-bottom-color: #4a4a4a !important ; +} @import "../bookwyrm.scss";