mirror of
https://github.com/trafficlunar/statsys.git
synced 2026-03-28 11:13:17 +00:00
trafficlunar
def80333da
- use CSS variables for colors - attempt to fix mobile support (tooltips are still kinda broken) - use 1 decimal place for uptime percentages
40 lines
1.1 KiB
CSS
40 lines
1.1 KiB
CSS
/* Colored Dark Mode Theme */
|
|
:root {
|
|
--bg-body: #0a0f1a;
|
|
--bg-main: #111827;
|
|
|
|
--text-primary: #e2e8f0;
|
|
--text-secondary: rgba(224, 231, 255, 0.7);
|
|
|
|
--border-primary: rgba(59, 130, 246, 0.15);
|
|
--border-secondary: rgba(71, 85, 105, 0.6);
|
|
--border-subtle: rgba(224, 231, 255, 0.15);
|
|
--border-dotted: rgba(224, 231, 255, 0.2);
|
|
--border-outline: rgba(59, 130, 246, 0.15);
|
|
|
|
--accent-primary: #2563eb;
|
|
--accent-secondary: #e0e7ff;
|
|
--accent-tertiary: rgba(96, 165, 250, 0.8);
|
|
--accent-muted: rgba(59, 130, 246, 0.4);
|
|
--accent-faded: rgba(59, 130, 246, 0.4);
|
|
|
|
--status-online: #10b981;
|
|
--status-online-border: #059669;
|
|
--status-degraded: #f59e0b;
|
|
--status-degraded-pattern: rgba(0, 0, 0, 0.2);
|
|
--status-degraded-border: #d97706;
|
|
--status-offline: #dc2626;
|
|
--status-offline-x: #fef2f2;
|
|
--status-offline-border: #b91c1c;
|
|
--status-unknown: #475569;
|
|
|
|
--hover-bg: #334155;
|
|
--hover-text: white;
|
|
--selected-bg: rgba(59, 130, 246, 0.15);
|
|
|
|
--tooltip-bg: #1e293b;
|
|
--tooltip-text: #f1f5f9;
|
|
--tooltip-border: rgba(38, 89, 172, 0.2);
|
|
|
|
--shadow-color: rgba(0, 0, 0, 0.5);
|
|
}
|