fix(theme): Remove light theme by overwriting ThemeProvider

getsentry · Nov 24, 2023 · b2ff7b0 · b2ff7b0
1 parent 5d1f136
commit b2ff7b0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git 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
@@ -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>