Wie kann ich den Kategorienhintergrund in der mobilen Version ändern?

[Lilly (Lillian)]

Ich denke, das könnte mit Horizon schwierig sein^[1], aber so etwas funktioniert in einer Theme-Komponente. Die Farbe hängt davon ab, welche Variable Sie verwenden (z. B. --tertiary-low aus den Farbpaletten für den Dunkel-/Hellmodus). Sie können auch eigene Variablen erstellen und die Komplexität erhöhen.

In einer Theme-Komponente für benutzerdefiniertes CSS:

@use "lib/viewport";

//** Ziel die Kategorie-ID für eine bestimmte Kategorie **//

.category-box[data-category-id="4"] {

// ** Nur auf Mobilgeräte anwenden ** //

  @include viewport.until(md) {
    .category-box-inner {
       background: var(--tertiary-low);
    }
  }
}

mit der Farbpalette, die Sie derzeit auf Ihrer Website verwenden:

Hellmodus:

Dunkelmodus:

---

1. ich finde, Horizon ist eine Qual zu personalisieren ↩︎