iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: health bar coloring

Browse Source
This commit is contained in:
0x1d
2025-09-20 13:04:27 +02:00
parent b4aeb9d388
commit e4cfb77a67
3 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/styles/main.css
View File

@@ -4128,6 +4128,23 @@ html {
transition: width 0.3s ease;
}
/* Utilization bar colors based on percentage (same as gauges) */
.utilization-empty {
background: rgba(255, 255, 255, 0.1) !important;
}
.utilization-green {
background: linear-gradient(90deg, var(--accent-success), var(--accent-success)) !important;
}
.utilization-yellow {
background: linear-gradient(90deg, var(--accent-warning), var(--accent-warning)) !important;
}
.utilization-red {
background: linear-gradient(90deg, var(--accent-error), var(--accent-error)) !important;
}
.utilization-text {
color: var(--text-secondary);
font-size: 0.75rem;