47 lines
1.5 KiB
CSS
47 lines
1.5 KiB
CSS
:root {
|
|
/* Base tokens mapped to default theme */
|
|
--ui-color-bg-base: #0C0D0F;
|
|
--ui-color-bg-surface: #141619;
|
|
--ui-color-bg-surface-muted: rgba(20, 22, 25, 0.7);
|
|
|
|
--ui-color-border-default: #23272B;
|
|
--ui-color-border-muted: rgba(35, 39, 43, 0.5);
|
|
--ui-color-border-bright: #3A3F45;
|
|
|
|
--ui-color-text-high: #FFFFFF;
|
|
--ui-color-text-med: #A1A1AA;
|
|
--ui-color-text-low: #71717A;
|
|
|
|
--ui-color-intent-primary: #198CFF;
|
|
--ui-color-intent-telemetry: #4ED4E0;
|
|
--ui-color-intent-warning: #FFBE4D;
|
|
--ui-color-intent-success: #6FE37A;
|
|
--ui-color-intent-critical: #E35C5C;
|
|
|
|
/* Glows */
|
|
--ui-glow-primary: 0 0 15px rgba(25, 140, 255, 0.3);
|
|
--ui-glow-telemetry: 0 0 15px rgba(78, 212, 224, 0.3);
|
|
|
|
--ui-radius-none: 0;
|
|
--ui-radius-sm: 0.125rem;
|
|
--ui-radius-md: 0.375rem;
|
|
--ui-radius-lg: 0.5rem;
|
|
--ui-radius-xl: 0.75rem;
|
|
--ui-radius-full: 9999px;
|
|
|
|
--ui-shadow-none: none;
|
|
--ui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
--ui-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
--ui-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
--ui-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
--ui-shadow-focus: 0 0 0 4px rgba(25, 140, 255, 0.5);
|
|
|
|
--ui-font-sans: 'Inter', system-ui, sans-serif;
|
|
--ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
|
}
|
|
|
|
/* Theme override block */
|
|
[data-theme='default'] {
|
|
/* Currently same as root, but allows for future overrides */
|
|
}
|