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";