diff options
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_maps.scss | 48 | ||||
| -rw-r--r-- | scss/_root.scss | 4 | ||||
| -rw-r--r-- | scss/_variables-dark.scss | 20 | ||||
| -rw-r--r-- | scss/_variables.scss | 18 |
4 files changed, 45 insertions, 45 deletions
diff --git a/scss/_maps.scss b/scss/_maps.scss index c6b55823c..68ee421c2 100644 --- a/scss/_maps.scss +++ b/scss/_maps.scss @@ -8,14 +8,14 @@ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default; // scss-docs-start theme-text-map $theme-colors-text: ( - "primary": $primary-text, - "secondary": $secondary-text, - "success": $success-text, - "info": $info-text, - "warning": $warning-text, - "danger": $danger-text, - "light": $light-text, - "dark": $dark-text, + "primary": $primary-text-emphasis, + "secondary": $secondary-text-emphasis, + "success": $success-text-emphasis, + "info": $info-text-emphasis, + "warning": $warning-text-emphasis, + "danger": $danger-text-emphasis, + "light": $light-text-emphasis, + "dark": $dark-text-emphasis, ) !default; // scss-docs-end theme-text-map @@ -52,14 +52,14 @@ $theme-colors-border-subtle-dark: null !default; @if $enable-dark-mode { // scss-docs-start theme-text-dark-map $theme-colors-text-dark: ( - "primary": $primary-text-dark, - "secondary": $secondary-text-dark, - "success": $success-text-dark, - "info": $info-text-dark, - "warning": $warning-text-dark, - "danger": $danger-text-dark, - "light": $light-text-dark, - "dark": $dark-text-dark, + "primary": $primary-text-emphasis-dark, + "secondary": $secondary-text-emphasis-dark, + "success": $success-text-emphasis-dark, + "info": $info-text-emphasis-dark, + "warning": $warning-text-emphasis-dark, + "danger": $danger-text-emphasis-dark, + "light": $light-text-emphasis-dark, + "dark": $dark-text-emphasis-dark, ) !default; // scss-docs-end theme-text-dark-map @@ -111,14 +111,14 @@ $utilities-text: map-merge( $utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default; $utilities-text-emphasis-colors: ( - "primary-emphasis": var(--#{$prefix}primary-text), - "secondary-emphasis": var(--#{$prefix}secondary-text), - "success-emphasis": var(--#{$prefix}success-text), - "info-emphasis": var(--#{$prefix}info-text), - "warning-emphasis": var(--#{$prefix}warning-text), - "danger-emphasis": var(--#{$prefix}danger-text), - "light-emphasis": var(--#{$prefix}light-text), - "dark-emphasis": var(--#{$prefix}dark-text) + "primary-emphasis": var(--#{$prefix}primary-text-emphasis), + "secondary-emphasis": var(--#{$prefix}secondary-text-emphasis), + "success-emphasis": var(--#{$prefix}success-text-emphasis), + "info-emphasis": var(--#{$prefix}info-text-emphasis), + "warning-emphasis": var(--#{$prefix}warning-text-emphasis), + "danger-emphasis": var(--#{$prefix}danger-text-emphasis), + "light-emphasis": var(--#{$prefix}light-text-emphasis), + "dark-emphasis": var(--#{$prefix}dark-text-emphasis) ) !default; // scss-docs-end utilities-text-colors diff --git a/scss/_root.scss b/scss/_root.scss index 7841a153e..b82759a21 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -23,7 +23,7 @@ } @each $color, $value in $theme-colors-text { - --#{$prefix}#{$color}-text: #{$value}; + --#{$prefix}#{$color}-text-emphasis: #{$value}; } @each $color, $value in $theme-colors-bg-subtle { @@ -149,7 +149,7 @@ --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)}; @each $color, $value in $theme-colors-text-dark { - --#{$prefix}#{$color}-text: #{$value}; + --#{$prefix}#{$color}-text-emphasis: #{$value}; } @each $color, $value in $theme-colors-bg-subtle-dark { diff --git a/scss/_variables-dark.scss b/scss/_variables-dark.scss index 88256a1c3..80e522ca0 100644 --- a/scss/_variables-dark.scss +++ b/scss/_variables-dark.scss @@ -8,14 +8,14 @@ // scss-docs-start sass-dark-mode-vars // scss-docs-start theme-text-dark-variables -$primary-text-dark: $blue-300 !default; -$secondary-text-dark: $gray-300 !default; -$success-text-dark: $green-300 !default; -$info-text-dark: $cyan-300 !default; -$warning-text-dark: $yellow-300 !default; -$danger-text-dark: $red-300 !default; -$light-text-dark: $gray-100 !default; -$dark-text-dark: $gray-300 !default; +$primary-text-emphasis-dark: $blue-300 !default; +$secondary-text-emphasis-dark: $gray-300 !default; +$success-text-emphasis-dark: $green-300 !default; +$info-text-emphasis-dark: $cyan-300 !default; +$warning-text-emphasis-dark: $yellow-300 !default; +$danger-text-emphasis-dark: $red-300 !default; +$light-text-emphasis-dark: $gray-100 !default; +$dark-text-emphasis-dark: $gray-300 !default; // scss-docs-end theme-text-dark-variables // scss-docs-start theme-bg-subtle-dark-variables @@ -70,6 +70,6 @@ $form-switch-bg-image-dark: url("data:image/svg+xml,<svg xmlns='http://w // Accordion // -$accordion-button-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><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; -$accordion-button-active-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><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; +$accordion-button-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-emphasis-dark}'><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; +$accordion-button-active-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-emphasis-dark}'><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; // scss-docs-end sass-dark-mode-vars diff --git a/scss/_variables.scss b/scss/_variables.scss index ddd7e5c38..35446421f 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -322,14 +322,14 @@ $theme-colors: ( // scss-docs-end theme-colors-map // scss-docs-start theme-text-variables -$primary-text: $blue-700 !default; -$secondary-text: $gray-700 !default; -$success-text: $green-700 !default; -$info-text: $cyan-800 !default; -$warning-text: $yellow-800 !default; -$danger-text: $red-700 !default; -$light-text: $gray-700 !default; -$dark-text: $gray-700 !default; +$primary-text-emphasis: $blue-700 !default; +$secondary-text-emphasis: $gray-700 !default; +$success-text-emphasis: $green-700 !default; +$info-text-emphasis: $cyan-800 !default; +$warning-text-emphasis: $yellow-800 !default; +$danger-text-emphasis: $red-700 !default; +$light-text-emphasis: $gray-700 !default; +$dark-text-emphasis: $gray-700 !default; // scss-docs-end theme-text-variables // scss-docs-start theme-bg-subtle-variables @@ -1365,7 +1365,7 @@ $accordion-button-focus-box-shadow: $btn-focus-box-shadow !default; $accordion-icon-width: 1.25rem !default; $accordion-icon-color: $body-color !default; -$accordion-icon-active-color: $primary-text !default; +$accordion-icon-active-color: $primary-text-emphasis !default; $accordion-icon-transition: transform .2s ease-in-out !default; $accordion-icon-transform: rotate(-180deg) !default; |
