refactor(css): use variable rather direct color

This commit is contained in:
Edouard Vanbelle
2026-04-14 11:54:18 +02:00
parent 08884f3b6d
commit d01b2c6ec4
8 changed files with 163 additions and 259 deletions
+1 -1
View File
@@ -56,5 +56,5 @@
}
.danger:hover {
background-color: var(--color-danger-hover);
background-color: var(--color-danger-bg-hover);
}
+6
View File
@@ -118,6 +118,9 @@
--color-overlay-darkest: rgba(0, 0, 0, 0.92);
/* Items */
--color-item: var(--color-bg-surface);
--color-item-hover: var(--color-bg-hover);
--color-item-active: #f8d2ae;
--color-item-selected: #fff8f6;
--color-item-hover-accent: #fff0ec;
--color-item-hover-blue: #f0f8ff;
@@ -418,4 +421,7 @@
--color-bg-off-white: #fafbfd;
--color-danger-shadow: rgba(220, 38, 38, 0.2);
--color-danger-shadow-lg: rgba(220, 38, 38, 0.3);
--color-music-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--color-music-background: var(--color-bg-surface);
}