85 lines
2.6 KiB
CSS
85 lines
2.6 KiB
CSS
|
:root {
|
||
|
|
/* Polar Night */
|
||
|
|
--nord0: #2e3440; /* Darkest - base background (dark mode) */
|
||
|
|
--nord1: #3b4252; /* Dark - elevated surfaces (cards, panels) */
|
||
|
|
--nord2: #434c5e; /* Medium - selections, highlights */
|
||
|
|
--nord3: #4c566a; /* Light - borders, disabled states */
|
||
|
|
/* Snow Storm */
|
||
|
|
--nord4: #d8dee9; /* Dark - elevated (light mode) */
|
||
|
|
--nord5: #e5e9f0; /* Medium - selections (light mode) */
|
||
|
|
--nord6: #eceff4; /* Lightest - base background (light mode) */
|
||
|
|
/* Frost (Blues) */
|
||
|
|
--nord7: #8fbcbb; /* Calm accent */
|
||
|
|
--nord8: #88c0d0; /* PRIMARY brand color */
|
||
|
|
--nord9: #81a1c1; /* Secondary accent */
|
||
|
|
--nord10: #5e81ac; /* Deep accent, links */
|
||
|
|
/* Aurora (Status colors) */
|
||
|
|
--nord11: #bf616a; /* Error, danger (red) */
|
||
|
|
--nord12: #d08770; /* Orange accent */
|
||
|
|
--nord13: #ebcb8b; /* Warning (yellow) */
|
||
|
|
--nord14: #a3be8c; /* Success (green) */
|
||
|
|
--nord15: #b48ead; /* Uncommon (purple) */
|
||
|
|
|
||
|
|
--primary-50: #f0f9ff;
|
||
|
|
--primary-100: #e0f2fe;
|
||
|
|
--primary-200: #b9e6fe;
|
||
|
|
--primary-300: #7dd3fc;
|
||
|
|
--primary-400: #88c0d0; /* nord8 */
|
||
|
|
--primary-500: #88c0d0; /* nord8 - main */
|
||
|
|
--primary-600: #5e81ac; /* nord10 */
|
||
|
|
--PRIMARY-700: #5e81ac;
|
||
|
|
--primary-800: #434c5e; /* nord2 */
|
||
|
|
--primary-900: #2e3440; /* nord0 */
|
||
|
|
--primary-950: #1a1f2e;
|
||
|
|
|
||
|
|
--success-50: #f0fdf4;
|
||
|
|
--success-100: #dcfce7;
|
||
|
|
--success-200: #bbf7d0;
|
||
|
|
--success-300: #86efac;
|
||
|
|
--success-400: #a3be8c; /* nord14 */
|
||
|
|
--success-500: #a3be8c; /* nord14 - main */
|
||
|
|
--success-600: #8a9f75;
|
||
|
|
--success-700: #71805e;
|
||
|
|
--success-800: #586047;
|
||
|
|
--success-900: #3f4030;
|
||
|
|
|
||
|
|
--warning-50: #fefce8;
|
||
|
|
--warning-100: #fef9c3;
|
||
|
|
--warning-200: #fef08a;
|
||
|
|
--warning-300: #fde047;
|
||
|
|
--warning-400: #ebcb8b; /* nord13 */
|
||
|
|
--warning-500: #ebcb8b; /* nord13 - main */
|
||
|
|
--warning-600: #c8ac76;
|
||
|
|
--warning-700: #a58d61;
|
||
|
|
--warning-800: #826e4c;
|
||
|
|
--warning-900: #5f4f37;
|
||
|
|
|
||
|
|
--error-50: #fef2f2;
|
||
|
|
--error-100: #fee2e2;
|
||
|
|
--error-200: #fecaca;
|
||
|
|
--error-300: #fca5a5;
|
||
|
|
--error-400: #bf616a; /* nord11 */
|
||
|
|
--error-500: #bf616a; /* nord11 - main */
|
||
|
|
--error-600: #a2525a;
|
||
|
|
--error-700: #85434a;
|
||
|
|
--error-800: #68343a;
|
||
|
|
--error-900: #4b252a;
|
||
|
|
|
||
|
|
--category-issue: #bf616a; /* nord11 (red) */
|
||
|
|
--category-feature: #81a1c1; /* nord9 (blue) */
|
||
|
|
--category-assistance: #b48ead; /* nord15 (purple) */
|
||
|
|
--category-other: #4c566a; /* nord3 (gray) */
|
||
|
|
|
||
|
|
--text: var(--nord0);
|
||
|
|
--background: var(--nord6);
|
||
|
|
--primary: var(--nord8);
|
||
|
|
--secondary: var(--nord9);
|
||
|
|
--accent: var(--nord7);
|
||
|
|
}
|
||
|
|
.dark {
|
||
|
|
--text: var(--nord6);
|
||
|
|
--background: var(--nord0);
|
||
|
|
--background-elevated: var(--nord1);
|
||
|
|
--background-hover: var(--nord2);
|
||
|
|
}
|