/* ============================================================ Default-Theme — Dunkel-Skin ------------------------------------------------------------ Override-Tokens für den Dunkel-Skin. Greift, wenn auf das Attribut data-skin="dunkel" gesetzt ist. Inhaltlich deckt sich der Dunkel-Skin heute mit dem Core- Default (modules/core/css/skin.css, :root). Die Tokens werden trotzdem explizit gesetzt, damit der Skin als geschlossene Einheit funktioniert: ändert sich der Core-Default später, bleibt der Dunkel-Skin des Default-Themes stabil. Wichtig: Token-Block IMMER in [data-skin="dunkel"] wickeln, nicht in :root. Sonst überschreibt der Dunkel-Skin alle anderen Skins, die parallel im DOM liegen (last-wins). ============================================================ */ [data-skin="dunkel"] { color-scheme: dark; --f-hintergrund: #1e1e2e; --f-seitenleiste: #181825; --f-text: #cdd6f4; --f-text-schwach: #6c7086; --f-aktiv: #89b4fa; --f-aktiv-text: #1e1e2e; --f-hover: #313244; --f-border: #45475a; --f-untermenue: rgba(0, 0, 0, 0.2); --f-tooltip-bg: #313244; --f-tooltip-text: #ffffff; --f-status-aktiv: #a6e3a1; --f-status-inaktiv: #6c7086; --f-status-ausstehend: #f9e2af; --f-status-neu: #94e2d5; --f-status-hinweis: #cba6f7; --f-meldung-info: #a6e3a1; --f-meldung-warnung: #f9e2af; --f-meldung-fehler: #f38ba8; --f-info: var(--f-meldung-info); --f-warnung: var(--f-meldung-warnung); --f-fehler: var(--f-meldung-fehler); --f-gefahr: var(--f-meldung-fehler); --f-erfolg: var(--f-meldung-info); --f-akzent: #fab387; --f-gedaempt: var(--f-text-schwach); /* SLA-Ampel (Tickets) */ --f-sla-gruen: #40a02b; --f-sla-gelb: #df8e1d; --f-sla-rot: #d20f39; }