Wie ändere ich die CSS-Farbe für ein einzelnes Theme-Farbschema?

Unterstützung
2

Klar, es gibt ein paar SCSS-Funktionen, mit denen du prüfen kannst, ob du dich in einem hellen oder dunklen Farbschema befindest.

Du verwendest sie wie folgt.

@if is-light-color-scheme() {
  // CSS für helles Farbschema
  h1 {
    color: green;
  }
}

@if is-dark-color-scheme() {
  // CSS für dunkles Farbschema
  h1 {
    color: red;
  }
}