diff --git a/VERSION b/VERSION index b2580f2..07737af 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -2026.05.18.1 +2026.05.18.2 diff --git a/foundations.html b/foundations.html index daad5d9..f51a503 100644 --- a/foundations.html +++ b/foundations.html @@ -46,6 +46,22 @@ + + Card Semantic Tokens + + + + Name + Wert + Verwendung + + + + text-card-signalfont-lightWeiße Schrift auf allen farbigen Signal-Segmenten, unabhängig vom übergeordneten Card-Kontext. + + + + States diff --git a/styles/01-foundations.css b/styles/01-foundations.css index cd79b50..e43b72e 100644 --- a/styles/01-foundations.css +++ b/styles/01-foundations.css @@ -38,6 +38,7 @@ --surface-card-header-muted: var(--color-darkbrown); --divider-card-segment: var(--color-white); --text-card-header: var(--color-font-light); + --text-card-signal: var(--color-font-light); --text-card-body: var(--color-font-dark); --text-card-transparent: var(--color-font-light); --layout-card-body-content-justify: flex-start; diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css index 49b2014..cadc588 100644 --- a/styles/40-components-cards.css +++ b/styles/40-components-cards.css @@ -136,27 +136,27 @@ .sg-card-segment--signal-red { background: var(--color-signal-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green { background: var(--color-signal-green); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-light { background: var(--color-signal-green-light); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-red { background: var(--color-signal-green-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-yellow { background: var(--color-signal-yellow); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--gray {