style: tie FAB colors to per-module accent tokens

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ulas
2026-03-30 16:55:33 +02:00
parent 624f3ab763
commit 194728bbe9
8 changed files with 43 additions and 5 deletions
+9 -2
View File
@@ -4,6 +4,13 @@
* Abhängigkeiten: tokens.css, layout.css
*/
/* --------------------------------------------------------
* Modul-Akzent
* -------------------------------------------------------- */
.dashboard {
--module-accent: var(--module-dashboard);
}
/* --------------------------------------------------------
* Dashboard-Layout
* -------------------------------------------------------- */
@@ -761,7 +768,7 @@
width: 52px;
height: 52px;
border-radius: var(--radius-full);
background-color: var(--color-accent);
background-color: var(--module-accent, var(--color-accent));
color: #ffffff;
box-shadow: var(--shadow-lg);
display: flex;
@@ -783,7 +790,7 @@
}
.fab-main:hover {
background-color: var(--color-accent-hover);
background-color: color-mix(in srgb, var(--module-accent, var(--color-accent)) 85%, black);
}
.fab-main:active {