Files
statuspage/src/light.css
T
aziis98 c988ddf22f ui: uptime chip, #0004 shadows, tick marks, raw metrics; server: config meta injection
- ui: add uptime% chip (green >=99, red below) after ssh; remove "up" word
- ui: all shadows use #0004 shadow-color; modal shadow-lg derives from it
- ui: status modal draws a datetime tick mark every 20 history entries from the newest
- server: drop max_points/downsampling/bucketing; metrics served raw, plots share a ~24h window
- docs: fix ps --no-headers in top example; document raw metrics API
- server: inject <meta name=title/description> into index.html from config title + per-group host patterns (shared with --check recap)
2026-08-02 02:06:27 +02:00

58 lines
1.3 KiB
CSS

:root {
color-scheme: light;
/* accents */
--green: #1aad4b;
--green-glow: rgba(26, 173, 75, 0.7);
--yellow: #e5b400;
--red: #e5484d;
--ok-soft: #c7ecd3;
--ok-ink: #0a5c22;
--fail-soft: #ffd6d6;
--fail-ink: #9c0000;
--err: #a00;
/* surfaces */
--bg: #f2f2f2;
--card: #fafafa;
--surface: #fff;
--surface-muted: #e5e5e5;
--status-up-bg: #d9f2e0;
--status-degraded-bg: #fff3b8;
--status-down-bg: #2b2b2b;
--status-unknown-bg: #e4e4e4;
--down-chip-bg: #2a2a2a;
--down-chip-ink: #eee;
--down-chip-border: #555;
--dark-surface: #111;
--code-bg: #1a1d1a;
--code-ink: #e9f7ea;
--code-border: #2a2e2a;
/* text */
--ink: #111;
--ink-invert: #f2f2f2;
--muted: #777;
--muted-2: #888;
--muted-3: #999;
--muted-4: #555;
--muted-5: #bbb;
--muted-dot: #ccc;
--white: #fff;
--on-accent: #111;
/* lines & shadows */
--border-ink: #111;
--border: 2px solid var(--border-ink);
--border-muted: #bbb;
--shadow-color: #0004;
--shadow: 0.35rem 0.35rem 0 var(--shadow-color);
--shadow-lg: 0.55rem 0.55rem 0 var(--shadow-color);
--overlay: rgba(0, 0, 0, 0.35);
--sheen: rgba(255, 255, 255, 0.75);
--sheen-strong: rgba(255, 255, 255, 0.9);
--radius: 0.5rem;
--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Menlo, monospace;
}