From b2ff7b08e9af597bf601ea1f21041376997911ae Mon Sep 17 00:00:00 2001
From: Arthur Knaus <arthur.knaus@sentry.io>
Date: Fri, 24 Nov 2023 14:38:37 +0100
Subject: [PATCH] fix(theme): Remove light theme by overwriting ThemeProvider

---
 packages/website/astro.config.mjs                  |  5 +++++
 .../website/src/components/ThemeProvider.astro     | 14 ++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 packages/website/src/components/ThemeProvider.astro

diff --git a/packages/website/astro.config.mjs b/packages/website/astro.config.mjs
index e5a98f51..f1ee6bee 100644
--- a/packages/website/astro.config.mjs
+++ b/packages/website/astro.config.mjs
@@ -44,6 +44,7 @@ export default defineConfig({
       components: {
         Hero: './src/components/Hero.astro',
         Header: './src/components/Header.astro',
+        ThemeProvider: './src/components/ThemeProvider.astro',
       },
 
       head: [
@@ -124,6 +125,10 @@ export default defineConfig({
           },
         },
       ],
+      expressiveCode: {
+        themes: ['starlight-dark'],
+        useStarlightUiThemeColors: true,
+      },
       customCss: ['./src/tailwind.css', './src/theme.css'],
     }),
     tailwind({
diff --git a/packages/website/src/components/ThemeProvider.astro b/packages/website/src/components/ThemeProvider.astro
new file mode 100644
index 00000000..966e6702
--- /dev/null
+++ b/packages/website/src/components/ThemeProvider.astro
@@ -0,0 +1,14 @@
+---
+// Override the default ThemeProvider to completely disable light theme.
+---
+{/* This is intentionally inlined to avoid FOUC. */}
+<script is:inline>
+	window.StarlightThemeProvider = (() => {
+		document.documentElement.dataset.theme = 'dark';
+		return {
+			updatePickers(theme = storedTheme || 'auto') {
+        // Do nothing as we disable the pickers.
+			},
+		};
+	})();
+</script>