Skip to content

Commit f7b3072

Browse files
mrholekmrholek
committed
fix: update dark-theme variables
1 parent 73d71e4 commit f7b3072

File tree

1 file changed

+28
-23
lines changed

1 file changed

+28
-23
lines changed

‎scss/themes/dark/_variables.scss

Lines changed: 28 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -131,9 +131,9 @@ $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-color-dt: $high-emphasis-dt !default;
134135
$accordion-bg-dt: transparent !default;
135136

136-
137137
$accordion-button-color-dt: $body-color-dt !default;
138138
$accordion-button-bg-dt: transparent !default;
139139
$accordion-border-color-dt: rgba($white, .125) !default;
@@ -154,6 +154,7 @@ $accordion-theme-map: (
154154
"accordion-button-color": $accordion-button-color-dt,
155155
"accordion-button-bg": $accordion-button-bg-dt,
156156
"accordion-bg": $accordion-bg-dt,
157+
"accordion-color": $accordion-color-dt,
157158
"accordion-border-color": $accordion-border-color-dt,
158159
"accordion-button-active-bg": $accordion-button-active-bg-dt,
159160
"accordion-button-active-color": $accordion-button-active-color-dt,
@@ -288,7 +289,7 @@ $input-border-color-dt: rgba($white, .09) !default;
288289
$input-focus-color-dt: $body-color-dt !default;
289290
$input-focus-bg-dt: rgba($white, .05) !default;
290291
$input-focus-border-color-dt: rgba($white, .2) !default;
291-
$input-disabled-bg-dt: rgba($white, .1) !default;
292+
$input-disabled-bg-dt: rgba($black, .1) !default;
292293
$input-placeholder-color-dt: $medium-emphasis-dt !default;
293294
$input-plaintext-color-dt: $body-color-dt !default;
294295

@@ -427,6 +428,8 @@ $header-active-color-dt: $white !default;
427428
$header-disabled-color-dt: rgba($white, .25) !default;
428429
$header-brand-color-dt: $header-active-color-dt !default;
429430
$header-brand-hover-color-dt: $header-active-color-dt !default;
431+
$header-toggler-color-dt: rgba($white, .75) !default;
432+
$header-toggler-hover-color-dt: $white !default;
430433
$header-toggler-icon-bg-dt: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-color-dt}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
431434
$header-toggler-hover-icon-bg-dt: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-hover-color-dt}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
432435
$header-toggler-border-color-dt: rgba($white, .1) !default;
@@ -441,10 +444,12 @@ $header-theme-map: (
441444
"header-disabled-color": $header-disabled-color-dt,
442445
"header-brand-color": $header-brand-color-dt,
443446
"header-brand-hover-color": $header-brand-hover-color-dt,
447+
"header-toggler-color": $header-toggler-color-dt,
448+
"header-toggler-hover-color": $header-toggler-hover-color-dt,
444449
"header-toggler-icon-bg": $header-toggler-icon-bg-dt,
445450
"header-toggler-hover-icon-bg": $header-toggler-hover-icon-bg-dt,
446451
"header-toggler-border-color": $header-toggler-border-color-dt,
447-
"header-divider-border-color": $header-divider-border-color-dt
452+
"header-divider-border-color": $header-divider-border-color-dt
448453
) !default;
449454

450455
// Links
@@ -515,19 +520,19 @@ $list-group-variants-dt: (
515520
// Modals
516521

517522
// scss-docs-start modal-dark-theme
518-
$modal-content-color-dt: null !default;
519-
$modal-content-bg-dt: $bg-elevation-24 !default;
520-
$modal-content-border-color-dt: rgba(0, 0, 0, .2) !default;
523+
$modal-color-dt: null !default;
524+
$modal-bg-dt: $bg-elevation-24 !default;
525+
$modal-border-color-dt: rgba(0, 0, 0, .2) !default;
521526
$modal-header-border-color-dt: rgba(0, 0, 0, .2) !default;
522527
$modal-footer-border-color-dt: rgba(0, 0, 0, .2) !default;
523528
// scss-docs-end modal-dark-theme
524529

525530
$modal-theme-map: (
526-
"modal-content-color": $modal-content-color-dt,
527-
"modal-content-bg": $modal-content-bg-dt,
528-
"modal-content-border-color": $modal-content-border-color-dt,
529-
"modal-header-border-color": $modal-header-border-color-dt,
530-
"modal-footer-border-color": $modal-footer-border-color-dt
531+
"modal-color": $modal-color-dt,
532+
"modal-bg": $modal-bg-dt,
533+
"modal-border-color": $modal-border-color-dt,
534+
"modal-header-border-color": $modal-header-border-color-dt,
535+
"modal-footer-border-color": $modal-footer-border-color-dt
531536
) !default;
532537

533538

@@ -764,21 +769,21 @@ $table-variants-dt: (
764769

765770
// Toast
766771

767-
$toast-background-color-dt: $bg-elevation-16 !default;
768-
$toast-color-dt: $body-color-dt !default;
769-
$toast-border-color-dt: transparent !default;
772+
$toast-bg-dt: $bg-elevation-16 !default;
773+
$toast-color-dt: $body-color-dt !default;
774+
$toast-border-color-dt: transparent !default;
770775

771-
$toast-header-color-dt: $body-color-dt !default;
772-
$toast-header-background-color-dt: $bg-elevation-24 !default;
773-
$toast-header-border-color-dt: rgba($black, .2) !default;
776+
$toast-header-color-dt: $body-color-dt !default;
777+
$toast-header-bg-dt: $bg-elevation-24 !default;
778+
$toast-header-border-color-dt: rgba($black, .2) !default;
774779

775780
$toast-theme-map: (
776-
"toast-background-color": $toast-background-color-dt,
777-
"toast-color": $toast-color-dt,
778-
"toast-border-color": $toast-border-color-dt,
779-
"toast-header-color": $toast-header-color-dt,
780-
"toast-header-background-color": $toast-header-background-color-dt,
781-
"toast-header-border-color": $toast-header-border-color-dt
781+
"toast-bg": $toast-bg-dt,
782+
"toast-color": $toast-color-dt,
783+
"toast-border-color": $toast-border-color-dt,
784+
"toast-header-color": $toast-header-color-dt,
785+
"toast-header-bg": $toast-header-bg-dt,
786+
"toast-header-border-color": $toast-header-border-color-dt
782787
) !default;
783788

784789
// Calendar & Date & Time Pickers

0 commit comments

Comments
 (0)