From df8a187af2185bd0129468d5fd1593ddb4bcc31b Mon Sep 17 00:00:00 2001 From: Jon Kazama Date: Sat, 13 Jun 2026 19:36:32 +0200 Subject: [PATCH] refactor(css): derive base accent tokens via color-mix from --accent --- src/css/main.css | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/css/main.css b/src/css/main.css index f953e8c..02c4faa 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -56,9 +56,15 @@ /* ---- BASE VARIABLES (Nebula = Default) ---- */ :root { --accent: #b359ff; - --accent-dim: rgba(179, 89, 255, 0.12); - --accent-glow: rgba(179, 89, 255, 0.05); - --border-accent: rgba(179, 92, 255, 0.25); + /* Akzent-Töne als Formel aus --accent abgeleitet (Spec Block 1, color-mix Mittelweg). + --*-pct ist die Pro-Theme-Alpha-Variable; Default = häufigster Wert über alle 11 Themes. + Themes mit abweichendem Alpha überschreiben nur die Prozent-Variable im theme-Layer. */ + --accent-dim-pct: 12%; + --accent-glow-pct: 8%; + --border-accent-pct: 25%; + --accent-dim: color-mix(in srgb, var(--accent) var(--accent-dim-pct), transparent); + --accent-glow: color-mix(in srgb, var(--accent) var(--accent-glow-pct), transparent); + --border-accent: color-mix(in srgb, var(--accent) var(--border-accent-pct), transparent); --bg-primary: #050308; --bg-board: rgba(10, 6, 14, 0.55); --border: rgba(255, 255, 255, 0.06); @@ -75,9 +81,11 @@ --spacing-compact: 5px; --overlay-bg: radial-gradient(circle at center, rgba(10,6,14,0.3) 0%, rgba(5,3,8,0.85) 100%); --header-bg: rgba(10,6,14,0.90); - --board-hover-border: rgba(179,89,255,0.18); + --board-hover-border-pct: 22%; + --logo-shadow-pct: 45%; + --board-hover-border: color-mix(in srgb, var(--accent) var(--board-hover-border-pct), transparent); --toggle-on-bg: rgba(214,92,255,0.22); - --logo-shadow: rgba(179,89,255,0.35); + --logo-shadow: color-mix(in srgb, var(--accent) var(--logo-shadow-pct), transparent); --bg-solid-fallback: #0a060e; }