fix: wire page-fab and fab-main to module-accent token

This commit is contained in:
Ulas
2026-03-30 17:02:05 +02:00
parent 5cc29cdc16
commit 0dbea82a22
2 changed files with 5 additions and 4 deletions
+2 -2
View File
@@ -761,7 +761,7 @@
width: 52px; width: 52px;
height: 52px; height: 52px;
border-radius: var(--radius-full); border-radius: var(--radius-full);
background-color: var(--color-accent); background-color: var(--module-accent, var(--color-btn-primary));
color: #ffffff; color: #ffffff;
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
display: flex; display: flex;
@@ -783,7 +783,7 @@
} }
.fab-main:hover { .fab-main:hover {
background-color: var(--color-accent-hover); background-color: color-mix(in srgb, var(--module-accent, var(--color-btn-primary)) 85%, black);
} }
.fab-main:active { .fab-main:active {
+3 -2
View File
@@ -192,7 +192,7 @@
width: 52px; width: 52px;
height: 52px; height: 52px;
border-radius: var(--radius-full); border-radius: var(--radius-full);
background-color: var(--color-accent); background-color: var(--module-accent, var(--color-btn-primary));
color: #ffffff; color: #ffffff;
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
display: flex; display: flex;
@@ -206,7 +206,7 @@
} }
.page-fab:hover { .page-fab:hover {
background-color: var(--color-accent-hover); background-color: color-mix(in srgb, var(--module-accent, var(--color-btn-primary)) 85%, black);
} }
.page-fab:active { .page-fab:active {
@@ -783,6 +783,7 @@
z-index: calc(var(--z-nav) - 1); z-index: calc(var(--z-nav) - 1);
transition: transition:
transform var(--transition-fast), transform var(--transition-fast),
background-color var(--transition-fast),
box-shadow var(--transition-fast); box-shadow var(--transition-fast);
} }