/** * Theme – Saison-Farbsystem * * Das Head-Script in header.php setzt die aktuelle Jahreszeit als Klasse auf * (season-spring|summer|autumn|winter). Hier werden die theme.json- * Preset-Variablen pro Saison überschrieben — dadurch wechseln ALLE Farben * (eigenes CSS, Core-Blöcke, has-primary-color-Klassen) automatisch mit. * * Wichtig: WordPress definiert die Presets auf (Global Styles). * Die Overrides müssen deshalb ebenfalls body treffen, nicht nur html — * sonst gewinnt die body-Definition. * * Default (ohne Saison-Klasse, z.B. im Block-Editor): Sommer aus theme.json. */ html.season-spring body { --wp--preset--color--primary: #ebc9f4; --wp--preset--color--secondary: #778732; } html.season-summer body { --wp--preset--color--primary: #e2d666; --wp--preset--color--secondary: #0d4917; } html.season-autumn body { --wp--preset--color--primary: #e08d33; --wp--preset--color--secondary: #552838; } html.season-winter body { --wp--preset--color--primary: #a6abf9; --wp--preset--color--secondary: #123239; } /* ========================================================================= Saisonale Sichtbarkeit Elemente mit .show- sind nur in der jeweiligen Jahreszeit sichtbar (Logos, Favicholder, saisonale Inhalte). Redaktion: Klasse im Feld «Zusätzliche CSS-Klasse(n)» eines Blocks eintragen. ========================================================================= */ .show-spring, .show-summer, .show-autumn, .show-winter { display: none; } html.season-spring .show-spring, html.season-summer .show-summer, html.season-autumn .show-autumn, html.season-winter .show-winter { display: block; } html.season-spring span.show-spring, html.season-summer span.show-summer, html.season-autumn span.show-autumn, html.season-winter span.show-winter { display: inline; } /* ========================================================================= Selection-Farben (aus dem Vorgänger-Design) ========================================================================= */ ::selection { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--secondary); } /* * Auf hellen Flächen (is-style-hell) ist der Hintergrund bereits primary – * die globale Selektion (BG primary) wäre dort unsichtbar. Darum invertiert: * dunkler Auswahl-Balken, heller Text. Pendant zu .fcolor--secondary::selection. */ .is-style-hell ::selection { background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--primary); }