65 lines
1.8 KiB
CSS
65 lines
1.8 KiB
CSS
:root {
|
|
--body-bg-color: #121212;
|
|
--body-bg-color2: #232323;
|
|
--body-bg-color3: #1a1a1a;
|
|
--text-color: hsl(213 20% 80%);
|
|
--footer-bg-color: #000000;
|
|
--footer-link-color: hsl(213, 20%, 65%);
|
|
--footer-link-hover-color: hsl(211, 98%, 90%);
|
|
|
|
--accent-blue: #64c7ff;
|
|
--accent-blue-hover: #2da8f4;
|
|
--accent-blue-light: #bceeff;
|
|
--link-blue: #8ab4f8;
|
|
--accent-orange: #b16a00;
|
|
--accent-green-bright: #a8ff60;
|
|
--accent-purple-bright: #e553ff;
|
|
--accent-pink-bright: #f6a7ff;
|
|
--accent-rose-light: #ffd8d8;
|
|
|
|
--text-muted: #aaa;
|
|
--text-muted2: #999;
|
|
--text-light: #ccc;
|
|
--text-soft: #bbb;
|
|
--text-softer: #ddd;
|
|
--text-softest: #eee;
|
|
--text-dim: #d0d0d0;
|
|
--text-white: #fff;
|
|
--footer-text-muted: #b0b0b0;
|
|
--text-red: #d44;
|
|
--text-green: #22cc55;
|
|
--heading-green: #9fd356;
|
|
--heading-yellow: #e6c84f;
|
|
--heading-purple: #da88ff;
|
|
--heading-pink: #f38c8c;
|
|
|
|
--border-dark: #444;
|
|
--border-darker: #333;
|
|
--border-panel: #3a3a3a;
|
|
--border-muted: #888;
|
|
|
|
--bg-dark: #111;
|
|
--surface-dark: #222;
|
|
--surface-overlay: #1a1a1a;
|
|
--surface-elevated: #2a2a2a;
|
|
--surface-contrast: #2b2b2b;
|
|
--surface-accent: #2d3a3f;
|
|
--surface-muted: #333;
|
|
--surface-elevated-hover: #3a3a3a;
|
|
--shadow-color: #000000;
|
|
|
|
--scrollbar-thumb: #555;
|
|
|
|
--bg-white-015: rgba(255, 255, 255, 0.015);
|
|
--bg-white-02: rgba(255, 255, 255, 0.02);
|
|
--bg-white-03: rgba(255, 255, 255, 0.03);
|
|
--bg-white-04: rgba(255, 255, 255, 0.04);
|
|
|
|
--bg-red-01: rgba(255, 0, 0, 0.1);
|
|
--bg-green-01: rgba(0, 255, 0, 0.1);
|
|
|
|
--bg-accent-blue-01: rgba(100, 199, 255, 0.1);
|
|
--bg-accent-blue-005: rgba(100, 199, 255, 0.05);
|
|
--bg-accent-blue-008: rgba(100, 199, 255, 0.08);
|
|
}
|