i18n(de): create `themes.mdx`, update `plugins.mdx`, `css-and-tailwind.mdx` (#2922)

3 files changed, 81 insertions, 30 deletions

diff --git a/docs/src/content/docs/de/guides/css-and-tailwind.mdx b/docs/src/content/docs/de/guides/css-and-tailwind.mdx
index 5c788425..ab67b48b 100644
--- a/docs/src/content/docs/de/guides/css-and-tailwind.mdx
+++ b/docs/src/content/docs/de/guides/css-and-tailwind.mdx
@@ -7,6 +7,8 @@ import { Tabs, TabItem, Steps } from '@astrojs/starlight/components';
 
 Du kannst deine Starlight-Website mit benutzerdefinierten CSS-Dateien gestalten oder das Starlight Tailwind-Plugin verwenden.
 
+Eine schnelle Möglichkeit, das Standardtheme deiner Website zu ändern, findest du unter [Cummunity-Themes](/de/resources/themes/).
+
 ## Benutzerdefinierte CSS-Styles (Stile)
 
 Passe die Styles deiner Starlight-Website an, indem du zusätzliche CSS-Dateien bereitstellst, um die Standard-Styles von Starlight zu verändern oder zu erweitern.
diff --git a/docs/src/content/docs/de/resources/plugins.mdx b/docs/src/content/docs/de/resources/plugins.mdx
index c172d86d..2d6217aa 100644
--- a/docs/src/content/docs/de/resources/plugins.mdx
+++ b/docs/src/content/docs/de/resources/plugins.mdx
@@ -128,37 +128,10 @@ Erweitere deine Website mit offiziellen Plugins, die vom Starlight-Team unterstÃ
 		title="starlight-kbd"
 		description="Dokumentiere Tastaturkürzel mit Leichtigkeit."
 	/>
-</CardGrid>
-
-### Community-Themes
-
-Ein Theme ist ein Starlight-Plugin, das das visuelle Erscheinungsbild einer Website mit Komponenten&shy;überschreibungen, benutzerdefiniertem CSS oder anderen neuen Funktionen verändert.
-
-<CardGrid>
-	<LinkCard
-		href="https://github.com/HiDeoo/starlight-theme-rapide"
-		title="starlight-theme-rapide"
-		description="Starlight-Theme inspiriert vom Visual Studio Code Vitesse-Theme."
-	/>
-	<LinkCard
-		href="https://github.com/Fevol/starlight-theme-obsidian"
-		title="starlight-theme-obsidian"
-		description="Starlight-Theme inspiriert vom Obsidian Publish-Websites-Theme."
-	/>
-	<LinkCard
-		href="https://github.com/TheOtterlord/catppuccin-starlight"
-		title="catppuccin-starlight"
-		description="Beruhigendes Pastelltheme für Starlight"
-	/>
-	<LinkCard
-		href="https://github.com/louisescher/starlight-ion-theme"
-		title="starlight-ion-theme"
-		description="Ein elegantes, modernes Theme für Starlight."
-	/>
 	<LinkCard
-		href="https://github.com/adrian-ub/starlight-theme-black"
-		title="starlight-theme-black"
-		description="Starlight Theme inspiriert von der Shadcn-Dokumentation."
+		href="https://events-3bg.pages.dev/library/StarlightPlugin/"
+		title="starlight-view-transitions"
+		description="Hinzufügen von browser-nativen, dokumentations&shy;übergreifenden Ansichtsübergängen."
 	/>
 </CardGrid>
 
diff --git a/docs/src/content/docs/de/resources/themes.mdx b/docs/src/content/docs/de/resources/themes.mdx
new file mode 100644
index 00000000..23e2e0bd
--- /dev/null
+++ b/docs/src/content/docs/de/resources/themes.mdx
@@ -0,0 +1,76 @@
+---
+title: Themes
+description: Gestalte deine Dokumentation mit einem Community-Theme für Starlight
+tableOfContents: false
+sidebar:
+  order: 1
+head:
+  - tag: style
+    content: |
+      body { --sl-content-width: 66.75rem; }
+---
+
+import ThemeGrid from '~/components/theme-grid.astro';
+
+Ein Theme ist ein Starlight-Plugin, welches das Erscheinungsbild einer Website mit [benutzerdefiniertem CSS](/de/guides/css-and-tailwind/), [Komponenten&shy;ersetzung](/de/guides/overriding-components/) oder anderen neuen Funktionen verändert.
+
+## Community-Themes
+
+Installiere ein von der Community erstelltes Theme, um das Aussehen deiner Website schnell anzupassen.
+
+<ThemeGrid
+	labels={{
+		/** Barrierefreie Beschriftung für den Themenschalter. */
+		legend: 'Vorschau',
+		/** Barrierefreies Label für die dunkle Farbschema-Variante. */
+		dark: 'Dunkel',
+		/** Barrierefreies Label für die helle Farbschema-Variante. */
+		light: 'Hell',
+	}}
+	themes={[
+		{
+			title: 'Starlight Rapide',
+			description:
+				'Starlight-Theme inspiriert vom Visual Studio Code Vitesse-Theme.',
+			href: 'https://starlight-theme-rapide.vercel.app/',
+			previews: { light: 'rapide-light.png', dark: 'rapide-dark.png' },
+		},
+		{
+			title: 'Starlight Obsidian Theme',
+			description:
+				'Starlight-Theme inspiriert vom Obsidian Publish-Websites-Theme.',
+			href: 'https://fevol.github.io/starlight-theme-obsidian/',
+			previews: { light: 'obsidian-light.png', dark: 'obsidian-dark.png' },
+		},
+		{
+			title: 'Catppuccin für Starlight',
+			description: 'Beruhigendes Pastelltheme für Starlight.',
+			href: 'https://catppuccin-starlight.otterlord.dev/',
+			previews: { light: 'catppuccin-light.png', dark: 'catppuccin-dark.png' },
+		},
+		{
+			title: 'Ion',
+			description: 'Ein elegantes, modernes Theme für Starlight.',
+			href: 'https://louisescher.github.io/starlight-ion-theme/',
+			previews: { light: 'ion-light.png', dark: 'ion-dark.png' },
+		},
+		{
+			title: 'Starlight Black',
+			description: 'Starlight-Theme inspiriert von der Shadcn-Dokumentation.',
+			href: 'https://starlight-theme-black.vercel.app/',
+			previews: { light: 'black-light.png', dark: 'black-dark.png' },
+		},
+		{
+			title: 'Starlight Flexoki',
+			description:
+				'Ein warmes und freundliches Theme basierend auf der Flexoki-Farbpalette.',
+			href: 'https://delucis.github.io/starlight-theme-flexoki/',
+			previews: { light: 'flexoki-light.png', dark: 'flexoki-dark.png' },
+		},
+	]}
+/>
+
+:::tip[Add your own!]
+Hast du ein Starlight-Theme gebaut?
+[Eröffne einen PR](https://github.com/withastro/starlight/blob/main/CONTRIBUTING.md#themes) welcher dein Theme zu dieser Seite hinzufügt.
+:::