Masterluke77andGitHub
6f48827f4d
* docs: prepare Vendoo 1.41.2 git-ignore boundary hotfix * fix: track native source modules with root-anchored runtime ignores
141 lines
4.0 KiB
CSS
141 lines
4.0 KiB
CSS
/* Automatisch generiert aus design-system/tokens/source.json. Nicht direkt bearbeiten. */
|
|
/* Contract 1.1.0 */
|
|
:root {
|
|
--vd-canvas: #f7f5f1;
|
|
--vd-surface: #fffdf9;
|
|
--vd-surface-raised: #ffffff;
|
|
--vd-surface-muted: #f1efea;
|
|
--vd-surface-quiet: #ebe8e1;
|
|
--vd-line: #e2ded6;
|
|
--vd-line-strong: #cbc5ba;
|
|
--vd-ink: #171714;
|
|
--vd-ink-secondary: #5f5b54;
|
|
--vd-ink-muted: #8c877e;
|
|
--vd-brand: #e33a16;
|
|
--vd-brand-strong: #c92f10;
|
|
--vd-brand-soft: rgba(227, 58, 22, 0.08);
|
|
--vd-success: #2f7d50;
|
|
--vd-success-soft: #e7f2ea;
|
|
--vd-warning: #b96a23;
|
|
--vd-warning-soft: #fbefe3;
|
|
--vd-danger: #c44234;
|
|
--vd-danger-soft: #f9e8e5;
|
|
--vd-info: #3975ba;
|
|
--vd-info-soft: #e8f0f9;
|
|
--vd-focus: rgba(227, 58, 22, 0.18);
|
|
--vd-shadow-float: 0 18px 48px rgba(35, 30, 24, 0.12);
|
|
--vd-shadow-soft: 0 8px 24px rgba(35, 30, 24, 0.06);
|
|
--vd-radius-xs: 5px;
|
|
--vd-radius-sm: 8px;
|
|
--vd-radius-md: 12px;
|
|
--vd-sidebar-width: 148px;
|
|
--vd-topbar-height: 60px;
|
|
--vd-control-height: 40px;
|
|
--vd-content-gap: 16px;
|
|
--vd-motion-fast: 120ms;
|
|
--vd-motion-normal: 180ms;
|
|
--vd-component-button-height: 40px;
|
|
--vd-component-button-radius: 8px;
|
|
--vd-component-input-height: 42px;
|
|
--vd-component-input-radius: 8px;
|
|
--vd-component-card-radius: 12px;
|
|
--vd-component-card-padding: 16px;
|
|
--vd-component-dialog-radius: 16px;
|
|
--vd-component-focus-width: 3px;
|
|
--vd-component-touch-target: 44px;
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--vd-canvas: #171714;
|
|
--vd-surface: #1d1d19;
|
|
--vd-surface-raised: #22221e;
|
|
--vd-surface-muted: #292923;
|
|
--vd-surface-quiet: #303029;
|
|
--vd-line: #37372f;
|
|
--vd-line-strong: #4a4940;
|
|
--vd-ink: #f2efe8;
|
|
--vd-ink-secondary: #c3beb4;
|
|
--vd-ink-muted: #8f8a80;
|
|
--vd-brand: #ff5a32;
|
|
--vd-brand-strong: #ff744f;
|
|
--vd-brand-soft: rgba(255, 90, 50, 0.12);
|
|
--vd-success: #75bd8c;
|
|
--vd-success-soft: #203629;
|
|
--vd-warning: #e2a35f;
|
|
--vd-warning-soft: #3b2e20;
|
|
--vd-danger: #ed7568;
|
|
--vd-danger-soft: #3b2523;
|
|
--vd-info: #78a9df;
|
|
--vd-info-soft: #202f40;
|
|
--vd-focus: rgba(255, 90, 50, 0.26);
|
|
--vd-shadow-float: 0 20px 56px rgba(0, 0, 0, 0.38);
|
|
--vd-shadow-soft: 0 8px 26px rgba(0, 0, 0, 0.20);
|
|
--vd-radius-xs: 5px;
|
|
--vd-radius-sm: 8px;
|
|
--vd-radius-md: 12px;
|
|
--vd-sidebar-width: 148px;
|
|
--vd-topbar-height: 60px;
|
|
--vd-control-height: 40px;
|
|
--vd-content-gap: 16px;
|
|
--vd-motion-fast: 120ms;
|
|
--vd-motion-normal: 180ms;
|
|
--vd-component-button-height: 40px;
|
|
--vd-component-button-radius: 8px;
|
|
--vd-component-input-height: 42px;
|
|
--vd-component-input-radius: 8px;
|
|
--vd-component-card-radius: 12px;
|
|
--vd-component-card-padding: 16px;
|
|
--vd-component-dialog-radius: 16px;
|
|
--vd-component-focus-width: 3px;
|
|
--vd-component-touch-target: 44px;
|
|
}
|
|
|
|
[data-theme="contrast"] {
|
|
--vd-canvas: #000000;
|
|
--vd-surface: #090909;
|
|
--vd-surface-raised: #111111;
|
|
--vd-surface-muted: #1b1b1b;
|
|
--vd-surface-quiet: #242424;
|
|
--vd-line: #ffffff;
|
|
--vd-line-strong: #ffffff;
|
|
--vd-ink: #ffffff;
|
|
--vd-ink-secondary: #ffffff;
|
|
--vd-ink-muted: #f2f2f2;
|
|
--vd-brand: #ffe600;
|
|
--vd-brand-strong: #ffffff;
|
|
--vd-brand-soft: rgba(255, 230, 0, 0.20);
|
|
--vd-success: #66ff99;
|
|
--vd-success-soft: #002d12;
|
|
--vd-warning: #ffd000;
|
|
--vd-warning-soft: #332a00;
|
|
--vd-danger: #ff6b6b;
|
|
--vd-danger-soft: #3a0000;
|
|
--vd-info: #72c7ff;
|
|
--vd-info-soft: #00253d;
|
|
--vd-focus: rgba(255, 230, 0, 0.55);
|
|
--vd-shadow-float: 0 0 0 2px #ffffff;
|
|
--vd-shadow-soft: 0 0 0 1px #ffffff;
|
|
--vd-radius-xs: 0px;
|
|
--vd-radius-sm: 2px;
|
|
--vd-radius-md: 4px;
|
|
--vd-sidebar-width: 168px;
|
|
--vd-topbar-height: 64px;
|
|
--vd-control-height: 44px;
|
|
--vd-content-gap: 18px;
|
|
--vd-motion-fast: 0ms;
|
|
--vd-motion-normal: 0ms;
|
|
--vd-component-button-height: 46px;
|
|
--vd-component-button-radius: 2px;
|
|
--vd-component-input-height: 48px;
|
|
--vd-component-input-radius: 2px;
|
|
--vd-component-card-radius: 4px;
|
|
--vd-component-card-padding: 18px;
|
|
--vd-component-dialog-radius: 4px;
|
|
--vd-component-focus-width: 4px;
|
|
--vd-component-touch-target: 48px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
:root { --vd-motion-fast: 0ms; --vd-motion-normal: 0ms; }
|
|
}
|