Skip to content

Commit 4191b1b

Browse files
mrholekmrholek
committed
fix(Sidebar): wrong link colors on dark theme
1 parent 69fcb3f commit 4191b1b

File tree

1 file changed

+53
-10
lines changed

1 file changed

+53
-10
lines changed

‎scss/themes/dark/_variables.scss

Lines changed: 53 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,8 @@ $component-active-bg-dt: $primary-dt !default;
131131
$accordion-button-color-dt: $body-color-dt !default;
132132
$accordion-button-bg-dt: transparent !default;
133133
$accordion-border-color-dt: rgba($white, .125) !default;
134+
$accordion-bg-dt: transparent !default;
135+
134136

135137
$accordion-button-color-dt: $body-color-dt !default;
136138
$accordion-button-bg-dt: transparent !default;
@@ -151,6 +153,7 @@ $accordion-button-active-icon-dt: url("data:image/svg+xml,<svg xmlns='http://ww
151153
$accordion-theme-map: (
152154
"accordion-button-color": $accordion-button-color-dt,
153155
"accordion-button-bg": $accordion-button-bg-dt,
156+
"accordion-bg": $accordion-bg-dt,
154157
"accordion-border-color": $accordion-border-color-dt,
155158
"accordion-button-active-bg": $accordion-button-active-bg-dt,
156159
"accordion-button-active-color": $accordion-button-active-color-dt,
@@ -625,18 +628,58 @@ $sidebar-toggler-bg-dt: rgba($black, .2) !default;
625628
$sidebar-toggler-hover-bg-dt: rgba($black, .3) !default;
626629
// $sidebar-toggler-hover-indicator-dt: !default;
627630
// $sidebar-toggler-indicator-dt: !default;
631+
$sidebar-nav-title-color-dt: $medium-emphasis-dt !default;
632+
$sidebar-nav-link-color-dt: $medium-emphasis-dt !default;
633+
$sidebar-nav-link-bg-dt: transparent !default;
634+
$sidebar-nav-link-icon-color-dt: $medium-emphasis-dt !default;
635+
$sidebar-nav-link-hover-color-dt: $high-emphasis-dt !default;
636+
$sidebar-nav-link-hover-bg-dt: rgba($white, .05) !default;
637+
$sidebar-nav-link-hover-icon-color-dt: $high-emphasis-dt !default;
638+
639+
$sidebar-nav-link-active-color-dt: $high-emphasis-dt !default;
640+
$sidebar-nav-link-active-bg-dt: rgba($white, .05) !default;
641+
$sidebar-nav-link-active-icon-color-dt: $high-emphasis-dt !default;
642+
643+
$sidebar-nav-link-disabled-color-dt: $disabled-dt !default;
644+
$sidebar-nav-link-disabled-icon-color-dt: $sidebar-nav-link-icon-color-dt !default;
645+
646+
$sidebar-nav-group-bg-dt: rgba(0, 0, 0, .2) !default;
647+
$sidebar-nav-group-toggle-show-color-dt: $sidebar-nav-link-color-dt !default;
648+
649+
$sidebar-nav-group-indicator-color-dt: $medium-emphasis-dt !default;
650+
$sidebar-nav-group-indicator-icon-dt: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-color-dt}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
651+
$sidebar-nav-group-indicator-hover-color-dt: $sidebar-nav-link-hover-color-dt !default;
652+
$sidebar-nav-group-indicator-hover-icon-dt: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-hover-color-dt}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
628653

629654
$sidebar-theme-map: (
630-
"sidebar-color": $sidebar-color-dt,
631-
"sidebar-bg": $sidebar-bg-dt,
632-
"sidebar-border-width": $sidebar-border-width-dt,
633-
"sidebar-border-color": $sidebar-border-color-dt,
634-
"sidebar-brand-color": $sidebar-brand-color-dt,
635-
"sidebar-brand-bg": $sidebar-brand-bg-dt,
636-
"sidebar-footer-bg": $sidebar-footer-bg-dt,
637-
"sidebar-header-bg": $sidebar-header-bg-dt,
638-
"sidebar-toggler-bg": $sidebar-toggler-bg-dt,
639-
"sidebar-toggler-hover-bg": $sidebar-toggler-hover-bg-dt
655+
"sidebar-color": $sidebar-color-dt,
656+
"sidebar-bg": $sidebar-bg-dt,
657+
"sidebar-border-width": $sidebar-border-width-dt,
658+
"sidebar-border-color": $sidebar-border-color-dt,
659+
"sidebar-brand-color": $sidebar-brand-color-dt,
660+
"sidebar-brand-bg": $sidebar-brand-bg-dt,
661+
"sidebar-footer-bg": $sidebar-footer-bg-dt,
662+
"sidebar-header-bg": $sidebar-header-bg-dt,
663+
"sidebar-toggler-bg": $sidebar-toggler-bg-dt,
664+
"sidebar-toggler-hover-bg": $sidebar-toggler-hover-bg-dt,
665+
"sidebar-nav-title-color": $sidebar-nav-title-color-dt,
666+
"sidebar-nav-link-color": $sidebar-nav-link-color-dt,
667+
"sidebar-nav-link-bg": $sidebar-nav-link-bg-dt,
668+
"sidebar-nav-link-icon-color": $sidebar-nav-link-icon-color-dt,
669+
"sidebar-nav-link-hover-color": $sidebar-nav-link-hover-color-dt,
670+
"sidebar-nav-link-hover-bg": $sidebar-nav-link-hover-bg-dt,
671+
"sidebar-nav-link-hover-icon-color": $sidebar-nav-link-hover-icon-color-dt,
672+
"sidebar-nav-link-active-color": $sidebar-nav-link-active-color-dt,
673+
"sidebar-nav-link-active-bg": $sidebar-nav-link-active-bg-dt,
674+
"sidebar-nav-link-active-icon-color": $sidebar-nav-link-active-icon-color-dt,
675+
"sidebar-nav-link-disabled-color": $sidebar-nav-link-disabled-color-dt,
676+
"sidebar-nav-link-disabled-icon-color": $sidebar-nav-link-disabled-icon-color-dt,
677+
"sidebar-nav-group-bg": $sidebar-nav-group-bg-dt,
678+
"sidebar-nav-group-toggle-show-color": $sidebar-nav-group-toggle-show-color-dt,
679+
"sidebar-nav-group-indicator-color": $sidebar-nav-group-indicator-color-dt,
680+
"sidebar-nav-group-indicator-icon": $sidebar-nav-group-indicator-icon-dt,
681+
"sidebar-nav-group-indicator-hover-color": $sidebar-nav-group-indicator-hover-color-dt,
682+
"sidebar-nav-group-indicator-hover-icon": $sidebar-nav-group-indicator-hover-icon-dt,
640683
) !default;
641684

642685
$table-color-dt: $body-color-dt !default;

0 commit comments

Comments
 (0)