Merge pull request #623 from dannon/fix-stuck-colormode

Fix stuck colormode in website
galaxyproject · Dec 6, 2024 · 490160d · 490160d
2 parents 1f58fff + 297bd99
commit 490160d
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/website/plugins/colorMode.ts b/website/plugins/colorMode.ts
@@ -0,0 +1,10 @@
+// Forces light color mode even if localStorage already contains saved preference.
+// `colorMode.preference` setting from `nuxt.config.ts` is not enough in this case.
+// xref https://github.com/nuxt/ui/issues/227
+export default defineNuxtPlugin((nuxtApp) => {
+    const colorMode = useColorMode();
+    nuxtApp.hook("app:mounted", () => {
+        colorMode.preference = "light";
+        colorMode.value = "light";
+    });
+});