diff --git a/website/components/IWCHeader.vue b/website/components/IWCHeader.vue
index f8a2c244e..9a572b755 100644
--- a/website/components/IWCHeader.vue
+++ b/website/components/IWCHeader.vue
@@ -1,5 +1,5 @@
 <template>
-    <header class="p-8 bg-ebony-clay-800 border-b">
+    <header class="p-8 bg-ebony-clay-800 border-b text-white">
         <div class="flex">
             <div class="flex flex-grow space-x-2">
                 <NuxtLink to="/" class="flex items-center space-x-2 hover:text-hokey-pokey">
diff --git a/website/nuxt.config.ts b/website/nuxt.config.ts
index a93bfb13d..a125b3224 100644
--- a/website/nuxt.config.ts
+++ b/website/nuxt.config.ts
@@ -2,4 +2,7 @@ import { defineNuxtConfig } from "nuxt/config";
 
 export default defineNuxtConfig({
     modules: ["@nuxt/ui", "@nuxt/content", "@pinia/nuxt"],
+    colorMode: {
+        preference: "light",
+    },
 });