change Light Dark content

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).