Files
vendoo/public/design-system/theme-contract.json
Masterluke77andGitHub 6f48827f4d Vendoo 1.41.2 – Git Ignore Boundary & Module Tracking Hotfix (#18)
* docs: prepare Vendoo 1.41.2 git-ignore boundary hotfix

* fix: track native source modules with root-anchored runtime ignores
2026-07-09 17:09:00 +02:00

334 lines
7.9 KiB
JSON

{
"schemaVersion": 1,
"contractVersion": "1.1.0",
"themes": [
"light",
"dark",
"contrast"
],
"tokens": {
"color.canvas": {
"css": "--vd-canvas",
"type": "color",
"customizable": true,
"label": "Seitenhintergrund",
"group": "Farben"
},
"color.surface": {
"css": "--vd-surface",
"type": "color",
"customizable": true,
"label": "Fläche",
"group": "Farben"
},
"color.surfaceRaised": {
"css": "--vd-surface-raised",
"type": "color",
"customizable": true,
"label": "Erhöhte Fläche",
"group": "Farben"
},
"color.surfaceMuted": {
"css": "--vd-surface-muted",
"type": "color",
"customizable": true,
"label": "Gedämpfte Fläche",
"group": "Farben"
},
"color.surfaceQuiet": {
"css": "--vd-surface-quiet",
"type": "color",
"customizable": true,
"label": "Ruhige Fläche",
"group": "Farben"
},
"color.line": {
"css": "--vd-line",
"type": "color",
"customizable": true,
"label": "Trennlinie",
"group": "Farben"
},
"color.lineStrong": {
"css": "--vd-line-strong",
"type": "color",
"customizable": true,
"label": "Starke Trennlinie",
"group": "Farben"
},
"color.ink": {
"css": "--vd-ink",
"type": "color",
"customizable": true,
"label": "Primärtext",
"group": "Farben"
},
"color.inkSecondary": {
"css": "--vd-ink-secondary",
"type": "color",
"customizable": true,
"label": "Sekundärtext",
"group": "Farben"
},
"color.inkMuted": {
"css": "--vd-ink-muted",
"type": "color",
"customizable": true,
"label": "Hinweistext",
"group": "Farben"
},
"color.brand": {
"css": "--vd-brand",
"type": "color",
"customizable": true,
"label": "Akzentfarbe",
"group": "Marke"
},
"color.brandStrong": {
"css": "--vd-brand-strong",
"type": "color",
"customizable": true,
"label": "Akzentfarbe kräftig",
"group": "Marke"
},
"color.brandSoft": {
"css": "--vd-brand-soft",
"type": "color",
"customizable": false,
"label": "color.brandSoft",
"group": "Color"
},
"color.success": {
"css": "--vd-success",
"type": "color",
"customizable": true,
"label": "Erfolg",
"group": "Status"
},
"color.successSoft": {
"css": "--vd-success-soft",
"type": "color",
"customizable": false,
"label": "color.successSoft",
"group": "Color"
},
"color.warning": {
"css": "--vd-warning",
"type": "color",
"customizable": true,
"label": "Warnung",
"group": "Status"
},
"color.warningSoft": {
"css": "--vd-warning-soft",
"type": "color",
"customizable": false,
"label": "color.warningSoft",
"group": "Color"
},
"color.danger": {
"css": "--vd-danger",
"type": "color",
"customizable": true,
"label": "Gefahr",
"group": "Status"
},
"color.dangerSoft": {
"css": "--vd-danger-soft",
"type": "color",
"customizable": false,
"label": "color.dangerSoft",
"group": "Color"
},
"color.info": {
"css": "--vd-info",
"type": "color",
"customizable": true,
"label": "Information",
"group": "Status"
},
"color.infoSoft": {
"css": "--vd-info-soft",
"type": "color",
"customizable": false,
"label": "color.infoSoft",
"group": "Color"
},
"color.focus": {
"css": "--vd-focus",
"type": "color",
"customizable": false,
"label": "color.focus",
"group": "Color"
},
"shadow.float": {
"css": "--vd-shadow-float",
"type": "shadow",
"customizable": false,
"label": "shadow.float",
"group": "Shadow"
},
"shadow.soft": {
"css": "--vd-shadow-soft",
"type": "shadow",
"customizable": false,
"label": "shadow.soft",
"group": "Shadow"
},
"radius.xs": {
"css": "--vd-radius-xs",
"type": "dimension",
"customizable": true,
"label": "Rundung klein",
"group": "Form",
"min": 0,
"max": 16
},
"radius.sm": {
"css": "--vd-radius-sm",
"type": "dimension",
"customizable": true,
"label": "Rundung mittel",
"group": "Form",
"min": 0,
"max": 20
},
"radius.md": {
"css": "--vd-radius-md",
"type": "dimension",
"customizable": true,
"label": "Rundung groß",
"group": "Form",
"min": 0,
"max": 28
},
"layout.sidebarWidth": {
"css": "--vd-sidebar-width",
"type": "dimension",
"customizable": false,
"label": "layout.sidebarWidth",
"group": "Layout"
},
"layout.topbarHeight": {
"css": "--vd-topbar-height",
"type": "dimension",
"customizable": false,
"label": "layout.topbarHeight",
"group": "Layout"
},
"density.controlHeight": {
"css": "--vd-control-height",
"type": "dimension",
"customizable": true,
"label": "Bedienelementhöhe",
"group": "Dichte",
"min": 32,
"max": 52
},
"density.contentGap": {
"css": "--vd-content-gap",
"type": "dimension",
"customizable": true,
"label": "Inhaltsabstand",
"group": "Dichte",
"min": 8,
"max": 32
},
"motion.fast": {
"css": "--vd-motion-fast",
"type": "duration",
"customizable": false,
"label": "motion.fast",
"group": "Motion"
},
"motion.normal": {
"css": "--vd-motion-normal",
"type": "duration",
"customizable": false,
"label": "motion.normal",
"group": "Motion"
},
"component.buttonHeight": {
"css": "--vd-component-button-height",
"type": "dimension",
"customizable": true,
"label": "Button-Höhe",
"group": "Komponenten",
"min": 32,
"max": 56
},
"component.buttonRadius": {
"css": "--vd-component-button-radius",
"type": "dimension",
"customizable": true,
"label": "Button-Rundung",
"group": "Komponenten",
"min": 0,
"max": 24
},
"component.inputHeight": {
"css": "--vd-component-input-height",
"type": "dimension",
"customizable": true,
"label": "Eingabefeld-Höhe",
"group": "Komponenten",
"min": 34,
"max": 58
},
"component.inputRadius": {
"css": "--vd-component-input-radius",
"type": "dimension",
"customizable": true,
"label": "Eingabefeld-Rundung",
"group": "Komponenten",
"min": 0,
"max": 24
},
"component.cardRadius": {
"css": "--vd-component-card-radius",
"type": "dimension",
"customizable": true,
"label": "Karten-Rundung",
"group": "Komponenten",
"min": 0,
"max": 32
},
"component.cardPadding": {
"css": "--vd-component-card-padding",
"type": "dimension",
"customizable": true,
"label": "Karten-Innenabstand",
"group": "Komponenten",
"min": 8,
"max": 32
},
"component.dialogRadius": {
"css": "--vd-component-dialog-radius",
"type": "dimension",
"customizable": true,
"label": "Dialog-Rundung",
"group": "Komponenten",
"min": 0,
"max": 36
},
"component.focusWidth": {
"css": "--vd-component-focus-width",
"type": "dimension",
"customizable": true,
"label": "Fokus-Ring Stärke",
"group": "Barrierefreiheit",
"min": 2,
"max": 6
},
"component.touchTarget": {
"css": "--vd-component-touch-target",
"type": "dimension",
"customizable": true,
"label": "Mindest-Zielgröße",
"group": "Barrierefreiheit",
"min": 40,
"max": 56
}
}
}