46 lines
1.4 KiB
CSS
46 lines
1.4 KiB
CSS
/* Shared color tokens for Kiri / Mesh / Void.
|
|
* Phase 1: define semantic palette + compatibility aliases.
|
|
* App CSS keeps final say by overriding locally as migration proceeds.
|
|
*/
|
|
|
|
:root {
|
|
/* semantic core */
|
|
--color-bg: #f6f8fb;
|
|
--color-bg-elev: #ffffff;
|
|
--color-bg-subtle: #eef2f7;
|
|
--color-surface: #ffffff;
|
|
--color-surface-2: #f3f6fb;
|
|
--color-text: #1b2430;
|
|
--color-text-muted: #556173;
|
|
--color-border: #a6b3c3;
|
|
--color-border-strong: #6a7a90;
|
|
--color-accent: #5a9fd4;
|
|
--color-accent-hover: #7bb8e8;
|
|
--color-focus: rgba(90,159,212,0.35);
|
|
--color-selection: rgba(90,159,212,0.45);
|
|
--color-selection-hover: rgba(90,159,212,0.8);
|
|
--color-success: #4ade80;
|
|
--color-warning: #fbbf24;
|
|
--color-danger: #f87171;
|
|
}
|
|
|
|
:root.dark,
|
|
:root[data-theme="dark"] {
|
|
--color-bg: #0f1116;
|
|
--color-bg-elev: #161a22;
|
|
--color-bg-subtle: #1b2230;
|
|
--color-surface: #1a1f29;
|
|
--color-surface-2: #222936;
|
|
--color-text: #e2e8f0;
|
|
--color-text-muted: #a5b0c0;
|
|
--color-border: #444f63;
|
|
--color-border-strong: #6d7a93;
|
|
--color-accent: #5a9fd4;
|
|
--color-accent-hover: #7bb8e8;
|
|
--color-focus: rgba(90,159,212,0.4);
|
|
--color-selection: rgba(90,159,212,0.5);
|
|
--color-selection-hover: rgba(90,159,212,0.95);
|
|
--color-success: #4ade80;
|
|
--color-warning: #fbbf24;
|
|
--color-danger: #f87171;
|
|
}
|