40 lines
1.3 KiB
CSS
40 lines
1.3 KiB
CSS
:root,
|
|
[data-ds-theme="light"] {
|
|
color-scheme: light;
|
|
--ds-color-background: #f8fafc;
|
|
--ds-color-surface: #ffffff;
|
|
--ds-color-surface-muted: #f1f5f9;
|
|
--ds-color-surface-inverse: #0f172a;
|
|
--ds-color-text: #0f172a;
|
|
--ds-color-text-muted: #526178;
|
|
--ds-color-text-inverse: #ffffff;
|
|
--ds-color-text-inverse-muted: #cbd5e1;
|
|
--ds-color-text-danger: #b91c1c;
|
|
--ds-color-accent-on-inverse: #7dd3fc;
|
|
--ds-color-placeholder: #94a3b8;
|
|
--ds-color-control-inactive: #94a3b8;
|
|
--ds-color-skeleton: #e2e8f0;
|
|
--ds-color-border: #d7e0ea;
|
|
--ds-color-border-hover: #94a3b8;
|
|
--ds-color-border-danger: #dc2626;
|
|
--ds-color-focus-ring: #38bdf8;
|
|
--ds-color-primary: #0284c7;
|
|
--ds-color-primary-hover: #0369a1;
|
|
--ds-color-primary-active: #075985;
|
|
--ds-color-primary-disabled: #bae6fd;
|
|
--ds-color-danger: #dc2626;
|
|
--ds-color-danger-hover: #b91c1c;
|
|
--ds-color-info-surface: #f0f9ff;
|
|
--ds-color-info-border: #7dd3fc;
|
|
--ds-color-info-text: #075985;
|
|
--ds-color-success-surface: #f0fdf4;
|
|
--ds-color-success-border: #86efac;
|
|
--ds-color-success-text: #166534;
|
|
--ds-color-warning-surface: #fffbeb;
|
|
--ds-color-warning-border: #fcd34d;
|
|
--ds-color-warning-text: #92400e;
|
|
--ds-color-error-surface: #fef2f2;
|
|
--ds-color-error-border: #fca5a5;
|
|
--ds-color-error-text: #991b1b;
|
|
}
|