// Color modes

@import "../support/mixins/color-modes.scss";

@import "@primer/primitives/dist/scss/colors/_light.scss";
@import "@primer/primitives/dist/scss/colors/_dark.scss";

// Outputs the CSS variables
// Use :root (html element) to define a default

@include color-mode(light) {
  @include primer-colors-light;
}

// @include color-mode(dark) {
//   @include primer-colors-dark;
// }

// Color mode boundaries
// Enables nesting of different color modes

[data-color-mode] {
  color: var(--color-text-primary);
  background-color: var(--color-bg-canvas);
}

// color-scheme
// Enables color modes for native elements

[data-color-mode="light"] { color-scheme: light; }
[data-color-mode="dark"] { color-scheme: dark; }

// Color modes

@import "../support/mixins/color-modes.scss";

@import "@primer/primitives/dist/scss/colors/_light.scss";
@import "@primer/primitives/dist/scss/colors/_dark.scss";

// Outputs the CSS variables
// Use :root (html element) to define a default

@include color-mode(light) {
  @include primer-colors-light;
}

// @include color-mode(dark) {
//   @include primer-colors-dark;
// }

// Color mode boundaries
// Enables nesting of different color modes

[data-color-mode] {
  color: var(--color-text-primary);
  background-color: var(--color-bg-canvas);
}

// color-scheme
// Enables color modes for native elements

@include color-mode(light) { color-scheme: light; }
@include color-mode(dark) { color-scheme: dark; }

Enable color-scheme for auto mode
Enable color-scheme for auto mode
