// scss-docs-start color-mode-mixin
@mixin color-mode($mode: light, $selector: null) {
  @if $color-mode-type == media-query {
    @if $selector == null {
      @media (prefers-color-scheme: $mode) {
        :root {
          @content;
        }
      }
    } @else {
      @media (prefers-color-scheme: $mode) {
        #{$selector} {
          @content;
        }
      }
    }
  } @else {
    @if $selector == null {
      [data-bs-theme="#{$mode}"] {
        @content;
      }
    } @else {
      $tmp: str-replace($selector, " ", "[data-bs-theme=\"#{$mode}\"] ");
      @if $tmp != $selector {
        #{$tmp},
        [data-bs-theme="#{$mode}"] #{$selector},
        #{$selector}[data-bs-theme="#{$mode}"] {
          @content;
        }
      } @else {
        [data-bs-theme="#{$mode}"] #{$selector},
        #{$selector}[data-bs-theme="#{$mode}"] {
          @content;
        }
      }
    }
  }
}
// scss-docs-end color-mode-mixin