fix: use CSS variables for accent-green-rgb and accent-purple-rgb in sensor dashboard

This commit is contained in:
James Smith
2026-05-21 12:58:31 +01:00
parent b5c35890af
commit 2505218385
2 changed files with 3 additions and 2 deletions
+2 -2
View File
@@ -26,7 +26,7 @@
}
.sdb-card--new {
border-color: rgba(56, 193, 128, 0.3);
border-color: rgba(var(--accent-green-rgb), 0.3);
animation: sdb-slide-in 0.4s ease-out;
}
@keyframes sdb-slide-in {
@@ -46,7 +46,7 @@
animation: sdb-flash-purple 0.8s ease-out;
}
@keyframes sdb-flash-purple {
0% { background: rgba(143, 123, 214, 0.10); border-color: rgba(143, 123, 214, 0.30); }
0% { background: rgba(var(--accent-purple-rgb), 0.10); border-color: rgba(var(--accent-purple-rgb), 0.30); }
100% { background: var(--bg-card); border-color: var(--border-color); }
}
+1
View File
@@ -46,6 +46,7 @@
--accent-yellow: #e1c26b;
--accent-purple: #8f7bd6;
--accent-purple-rgb: 143, 123, 214;
--accent-green-rgb: 56, 193, 128;
/* Text hierarchy */
--text-primary: #d7e0ee;