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 Theme */
|
|
:root {
|
|
--bg-body: rgba(37, 99, 235, 0.04);
|
|
--bg-main: #f8fafc;
|
|
|
|
--text-primary: #0f172a;
|
|
--text-secondary: rgba(15, 23, 42, 0.6);
|
|
|
|
--border-primary: rgba(15, 23, 42, 0.4);
|
|
--border-secondary: rgba(15, 23, 42, 0.4);
|
|
--border-subtle: rgba(15, 23, 42, 0.15);
|
|
--border-dotted: rgba(15, 23, 42, 0.15);
|
|
--border-outline: rgba(37, 99, 235, 0.1);
|
|
|
|
--accent-primary: #2563eb;
|
|
--accent-secondary: white;
|
|
--accent-tertiary: rgba(37, 99, 235, 0.75);
|
|
--accent-muted: rgba(37, 99, 235, 0.5);
|
|
--accent-faded: rgba(37, 99, 235, 0.4);
|
|
|
|
--status-online: #22c55e;
|
|
--status-online-border: #16a34a;
|
|
--status-degraded: #facc15;
|
|
--status-degraded-pattern: rgba(255, 255, 255, 0.4);
|
|
--status-degraded-border: #eab308;
|
|
--status-offline: #ef4444;
|
|
--status-offline-x: white;
|
|
--status-offline-border: #dc2626;
|
|
--status-unknown: rgba(0, 0, 0, 0.1);
|
|
|
|
--hover-bg: rgba(37, 99, 235, 0.05);
|
|
--hover-text: white;
|
|
--selected-bg: rgba(37, 99, 235, 0.12);
|
|
|
|
--tooltip-bg: #0f172a;
|
|
--tooltip-text: white;
|
|
--tooltip-border: transparent;
|
|
|
|
--shadow-color: rgba(0, 0, 0, 0.1);
|
|
}
|