diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html index 303e833..3e71f45 100644 --- a/semantic-tokens-components.html +++ b/semantic-tokens-components.html @@ -186,6 +186,9 @@ chart-value-negativecolor-signal-redFüllfarbe negativer Werte. chart-median-linecolor-font-darkFarbe der Median-Markierung. text-score-state-positivechart-value-positiveTextfarbe positiver Zustandslabels am Gesamtscore-Balken. + text-score-state-warningchart-value-neutralTextfarbe der warnenden bzw. gelben Zustandslabels am Gesamtscore-Balken. + text-score-state-neutraltext-score-state-warningAlias für die neutrale Zustandsfarbe am Gesamtscore-Balken; bleibt mit dem bestehenden Component-Contract kompatibel. + text-score-state-negativechart-value-negativeTextfarbe negativer Zustandslabels am Gesamtscore-Balken. layout-score-bar-item-columnsmax-content und 1frStandardspalten der Score-Bar-Zeile: dynamische Labelspalte (längstes Label) plus Balkenspur. layout-score-bar-item-gapspacing-largeAbstand zwischen Labelspalte und Balkenspur in der Score-Bar-Zeile. layout-score-bar-item-single-score-columnsmax-content, 1fr und max-contentSpalten der Score-Bar-Zeile in der Single-Score-Variante: Label, Balken, Zustandslabel. diff --git a/styles/01-foundations.css b/styles/01-foundations.css index 9a8329e..9bf5ab6 100644 --- a/styles/01-foundations.css +++ b/styles/01-foundations.css @@ -116,6 +116,9 @@ --chart-median-line: var(--color-font-dark); --text-chart-default: var(--color-font-dark); --text-score-state-positive: var(--chart-value-positive); + --text-score-state-warning: var(--chart-value-neutral); + --text-score-state-neutral: var(--text-score-state-warning); + --text-score-state-negative: var(--chart-value-negative); --layout-score-bar-item-columns: max-content 1fr; --layout-score-bar-item-gap: var(--spacing-large); --layout-score-bar-item-single-score-columns: max-content 1fr max-content;