--#{$prefix}body-color: #{$body-color};
--#{$prefix}body-bg: #{$body-bg};
- // --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
-
- // --#{$prefix}emphasis-color: #{$body-emphasis-color};
- // // --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};
-
- // --#{$prefix}secondary-color: #{$body-secondary-color};
- // // --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)};
- // --#{$prefix}secondary-bg: #{$body-secondary-bg};
- // // --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)};
-
- // --#{$prefix}tertiary-color: #{$body-tertiary-color};
- // // --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
- // --#{$prefix}tertiary-bg: #{$body-tertiary-bg};
- // // --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
// scss-docs-end root-body-variables
--#{$prefix}heading-color: #{$headings-color};
--#{$prefix}link-color: light-dark(var(--#{$prefix}primary-base), var(--#{$prefix}primary-text));
- // --#{$prefix}link-color-rgb: #{to-rgb($link-color)};
--#{$prefix}link-decoration: #{$link-decoration};
-
--#{$prefix}link-hover-color: color-mix(in oklch, var(--#{$prefix}link-color) 90%, #000);
- // --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
@if $link-hover-decoration != null {
--#{$prefix}link-hover-decoration: #{$link-hover-decoration};
color-scheme: dark;
// scss-docs-start root-dark-mode-vars
- // --#{$prefix}body-color: #{$body-color-dark};
- // --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
- // --#{$prefix}body-bg: #{$body-bg-dark};
- // --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};
-
- // --#{$prefix}emphasis-color: #{$body-emphasis-color-dark};
- // --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
-
- // --#{$prefix}secondary-color: #{$body-secondary-color-dark};
- // --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};
- // --#{$prefix}secondary-bg: #{$body-secondary-bg-dark};
- // --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};
-
- // --#{$prefix}tertiary-color: #{$body-tertiary-color-dark};
- // --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};
- // --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
- // --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};
-
// @each $color, $value in $theme-colors-text-dark {
// --#{$prefix}#{$color}-text-emphasis: #{$value};
// }
// --#{$prefix}link-color: #{$link-color-dark};
// --#{$prefix}link-hover-color: #{$link-hover-color-dark};
- // --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};
- // --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
// --#{$prefix}code-color: #{$code-color-dark};
// --#{$prefix}highlight-color: #{$mark-color-dark};
// scss-docs-start custom-color-mode
[data-bs-theme="blue"] {
--bs-body-color: var(--bs-white);
- // --bs-body-color-rgb: #{to-rgb($white)};
--bs-body-bg: var(--bs-blue);
- // --bs-body-bg-rgb: #{to-rgb($blue)};
--bs-tertiary-bg: #{$blue-600};
.dropdown-menu {
// scss-docs-start custom-color-mode
[data-bs-theme="blue"] {
--bs-body-color: var(--bs-white);
- // --bs-body-color-rgb: #{to-rgb($white)};
--bs-body-bg: var(--bs-blue);
- // --bs-body-bg-rgb: #{to-rgb($blue)};
--bs-tertiary-bg: #{$blue-600};
.dropdown-menu {
--bd-purple: #{$bd-purple};
--bd-violet: #{$bd-violet};
--bd-accent: #{$bd-accent};
- // --bd-violet-rgb: #{to-rgb($bd-violet)};
- // --bd-accent-rgb: #{to-rgb($bd-accent)};
- // --bd-pink-rgb: #{to-rgb($pink-500)};
- // --bd-teal-rgb: #{to-rgb($teal-500)};
--bd-violet-bg: var(--bd-violet);
--bd-toc-color: light-dark(var(--bd-violet), var(--bs-indigo-300));
--bd-sidebar-link-bg: color-mix(in srgb, var(--bd-violet), transparent 90%);
--bd-pre-bg: light-dark(var(--bs-gray-100), color-mix(in srgb, var(--bs-gray-900), var(--bs-black) 25%));
--bd-swatch-shadow: inset 0 0 0 1px light-dark(rgb(0 0 0 / .1), rgb(255 255 255 / .1));
}
-
- // @include color-mode(dark, true) {
- // --bd-violet: #{mix($bd-violet, $white, 75%)};
- // --bd-violet-bg: #{$bd-violet};
- // --bd-toc-color: var(--#{$prefix}emphasis-color);
- // --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5);
- // --bd-callout-link: #{to-rgb($blue-300)};
- // --bd-callout-code-color: #{$pink-300};
- // --bd-pre-bg: #{adjust-color($gray-900, $lightness: -2.5%)}; // stylelint-disable-line scss/at-function-named-arguments
- // }
}