111 lines
3.1 KiB
CSS
111 lines
3.1 KiB
CSS
:root {
|
|
/* States */
|
|
--online: rgb(22 101 52);
|
|
--offline: rgb(153, 27, 27);
|
|
--warning: rgb(154, 52, 18);
|
|
--maintenance: rgb(30, 64, 175);
|
|
|
|
/* States bg */
|
|
--online-bg: rgb(220, 252, 231);
|
|
--offline-bg: rgb(254, 226, 226);
|
|
--warning-bg: rgb(255, 237, 213);
|
|
--maintenance-bg: rgb(219, 234, 254);
|
|
|
|
/* Overview data */
|
|
--online-ov: #16a34a;
|
|
--issue: rgb(234, 71, 12);
|
|
--cpu: rgb(37, 99, 235);
|
|
--memory: rgb(147, 51, 234);
|
|
--storage: rgb(234, 88, 12);
|
|
--network: rgb(22 163 74);
|
|
|
|
/* Usage levels */
|
|
--low: rgb(34, 197, 94);
|
|
--medium: rgb(234, 179, 8);
|
|
--high: rgb(239, 68, 68);
|
|
|
|
/* Misc */
|
|
--fg: #0f172a;
|
|
--bg: #f1f5f9;
|
|
--card-bg: #fff;
|
|
--progress-bg: rgb(226, 232, 240);
|
|
--server-icon-bg: rgb(219 234 254);
|
|
--fg-selected: #3f475a;
|
|
--bg-selected: #f1f5f9;
|
|
}
|
|
|
|
.dark {
|
|
/* States */
|
|
--online: rgb(34, 197, 94); /* bright green */
|
|
--offline: rgb(248, 113, 113); /* soft red */
|
|
--warning: rgb(246, 190, 50); /* yellow-orange */
|
|
--maintenance: rgb(147, 197, 253); /* light blue */
|
|
|
|
/* States bg */
|
|
--online-bg: rgba(22, 101, 52, 0.417); /* dark green */
|
|
--offline-bg: rgb(153, 27, 27, 0.417); /* dark red */
|
|
--warning-bg: rgba(102, 67, 21, 0.417); /* dark orange */
|
|
--maintenance-bg: rgb(30, 64, 175, 0.417); /* dark blue */
|
|
|
|
/* Overview data */
|
|
--online-ov: #16a34a;
|
|
--issue: rgb(234, 71, 12);
|
|
--cpu: rgb(37, 99, 235);
|
|
--memory: rgb(147, 51, 234);
|
|
--storage: rgb(234, 88, 12);
|
|
--network: rgb(22 163 74);
|
|
|
|
/* Usage levels */
|
|
--low: rgb(32, 232, 105); /* light green */
|
|
--medium: rgb(237, 201, 20); /* light yellow */
|
|
--high: rgb(232, 54, 54); /* red */
|
|
|
|
/* Misc */
|
|
--bg: #0f172a; /* dark navy */
|
|
--fg: #f8fafc; /* light text */
|
|
--card-bg: #141e2f; /* dark card background 141e2f */
|
|
--progress-bg: #27364d;
|
|
--server-icon-bg: #243756;
|
|
--fg-selected: #f8fafc;
|
|
--bg-selected: #0f172a;
|
|
}
|
|
|
|
.black {
|
|
/* States */
|
|
--online: rgb(0, 255, 128); /* neon green */
|
|
--offline: rgb(255, 77, 77); /* soft red */
|
|
--warning: rgb(255, 193, 7); /* bright yellow */
|
|
--maintenance: rgb(100, 181, 246); /* light blue */
|
|
|
|
/* States bg (dark, translucent overlays) */
|
|
--online-bg: rgba(0, 128, 64, 0.3); /* deep green */
|
|
--offline-bg: rgba(139, 0, 0, 0.3); /* dark red */
|
|
--warning-bg: rgba(153, 102, 0, 0.3); /* golden brown */
|
|
--maintenance-bg: rgba(25, 118, 210, 0.3); /* muted blue */
|
|
|
|
/* Overview data */
|
|
--online-ov: #00ff80; /* neon green */
|
|
--issue: rgb(255, 85, 0); /* warning orange */
|
|
--cpu: rgb(66, 165, 245); /* light blue */
|
|
--memory: rgb(200, 39, 228); /* purple */
|
|
--storage: rgb(255, 111, 0); /* orange */
|
|
--network: rgb(0, 200, 83); /* green */
|
|
|
|
/* Usage levels */
|
|
--low: rgb(11, 226, 86); /* neon green */
|
|
--medium: rgb(231, 215, 72); /* bright yellow */
|
|
--high: rgb(211, 56, 48); /* red */
|
|
|
|
/* Misc */
|
|
--bg: #000000; /* pure black */
|
|
--fg: #ffffff; /* pure white */
|
|
--card-bg: #141414; /* almost black card */
|
|
--progress-bg: #1a1a1a; /* very dark grey */
|
|
--server-icon-bg: #111111; /* dark grey */
|
|
--fg-selected: #f8fafc;
|
|
--bg-selected: #1a1a1a;
|
|
}
|
|
|
|
.error {
|
|
color: rgb(211, 56, 48);
|
|
} |