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.5 KiB
CSS
40 lines
1.5 KiB
CSS
/* Catppuccin Latte Theme */
|
|
:root {
|
|
--bg-body: #eff1f5; /* Base */
|
|
--bg-main: #e6e9ef; /* Mantle */
|
|
|
|
--text-primary: #4c4f69; /* Text */
|
|
--text-secondary: rgba(92, 95, 119, 0.6); /* Overlay2 @ 60% */
|
|
|
|
--border-primary: #1e66f5; /* Blue */
|
|
--border-secondary: rgba(124, 127, 147, 0.6); /* Overlay1 @ 60% */
|
|
--border-subtle: rgba(30, 102, 245, 0.2); /* Blue @ 20% */
|
|
--border-dotted: rgba(30, 102, 245, 0.4); /* Blue @ 40% */
|
|
--border-outline: rgba(30, 102, 245, 0.12); /* Blue @ 12% */
|
|
|
|
--accent-primary: #1e66f5; /* Blue */
|
|
--accent-secondary: #e6e9ef; /* Mantle */
|
|
--accent-tertiary: rgba(30, 102, 245, 0.85); /* Blue @ 85% */
|
|
--accent-muted: rgba(30, 102, 245, 0.5); /* Blue @ 50% */
|
|
--accent-faded: rgba(30, 102, 245, 0.4); /* Blue @ 40% */
|
|
|
|
--status-online: #40a02b; /* Green */
|
|
--status-online-border: #40a02b; /* Green */
|
|
--status-degraded: #df8e1d; /* Yellow */
|
|
--status-degraded-pattern: rgba(220, 224, 232, 0.6); /* Crust @ 60% */
|
|
--status-degraded-border: #df8e1d; /* Yellow */
|
|
--status-offline: #d20f39; /* Red */
|
|
--status-offline-x: #e6e9ef; /* Mantle */
|
|
--status-offline-border: #d20f39; /* Red */
|
|
--status-unknown: #bcc0cc; /* Surface0 */
|
|
|
|
--hover-bg: rgba(30, 102, 245, 0.12); /* Blue @ 12% */
|
|
--hover-text: #e6e9ef; /* Mantle */
|
|
--selected-bg: rgba(30, 102, 245, 0.15); /* Blue @ 15% */
|
|
|
|
--tooltip-bg: #e6e9ef; /* Mantle */
|
|
--tooltip-text: #4c4f69; /* Text */
|
|
--tooltip-border: rgba(30, 102, 245, 0.3); /* Blue @ 30% */
|
|
|
|
--shadow-color: rgba(0, 0, 0, 0.15); /* Black @ 15% */
|
|
}
|