From c19e3b2df9e1d602769cc8c08162dd06eee0487a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marie=20Ju=CC=88nke?= Date: Thu, 14 Nov 2024 09:15:42 +0100 Subject: [PATCH] change Light Dark content --- .../01-design/02-colors/overview.mdx | 20 +++++++------------ 1 file changed, 7 insertions(+), 13 deletions(-) diff --git a/packages/docs/src/content/02-foundations/01-design/02-colors/overview.mdx b/packages/docs/src/content/02-foundations/01-design/02-colors/overview.mdx index c3ad87def..36a1a3c38 100644 --- a/packages/docs/src/content/02-foundations/01-design/02-colors/overview.mdx +++ b/packages/docs/src/content/02-foundations/01-design/02-colors/overview.mdx @@ -112,16 +112,10 @@ Die Colors Light und Dark wurden speziell für farbige Hintergründe entwickelt, können aber auch auf jeder anderen Benutzeroberfläche verwendet werden, solange das HSL Lightnesslevel passt. Light und Dark bestehen aus 8 Abstufungen, die in 12,5 %-Schritte unterteilt sind. Light und Dark dürfen nur mit den dafür -vorgesehenen Components verwendet werden. - -## Light - -Die Color Light funktioniert am besten auf farbigem Hintergrund mit einem HSL -Lightness-Wert von weniger als 50. Je weiter der Wert von 50 entfernt ist, desto -besser ist der Kontrast und damit die Accessibility. - -## Dark - -Die Farbe Light funktioniert am besten auf farbigem Hintergrund mit einem HSL -Lightness-Wert von größer als 50. Je weiter der Wert von 50 entfernt ist, desto -besser ist der Kontrast und damit die Accessibility. +vorgesehenen Components verwendet werden. Zum Beispiel sind die Light und Dark +Color in den folgenden Components zu finden: +[Button](/03-components/actions/button), +[Heading](/03-components/content/heading), +[IllustratedMessage](/03-components/content/illustrated-message), +[HeaderNavigation](/03-components/navigation/header-navigation) und +[Link](/03-components/navigation/link).