From 54c62ec4911cc813d9f7b22688fc8d3fcdce1028 Mon Sep 17 00:00:00 2001 From: DeepReef11 <17586546+DeepReef11@users.noreply.github.com> Date: Tue, 14 Apr 2026 12:18:00 -0400 Subject: [PATCH] fix: eliminate white flash on page load for dark theme users (#7358) Co-authored-by: Docker User Co-authored-by: Claude Opus 4.6 (1M context) Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com> Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com> --- frontend/nuxt.config.ts | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts index 20d8841b4..628f17fd6 100644 --- a/frontend/nuxt.config.ts +++ b/frontend/nuxt.config.ts @@ -50,6 +50,12 @@ export default defineNuxtConfig({ content: "Mealie is a recipe management app for your kitchen.", }, ], + script: [ + { + innerHTML: `(function(){try{var d=localStorage.getItem('vueuse-color-scheme');var m=d==='dark'||(d!=='light'&&matchMedia('(prefers-color-scheme:dark)').matches);document.documentElement.style.backgroundColor=m?'#1E1E1E':'#FFFFFF'}catch(e){}})()`, + type: "text/javascript", + }, + ], link: [ { rel: "icon", type: "image/x-icon", href: "/favicon.ico" }, { rel: "shortcut icon", type: "image/png", href: "/icons/icon-x64.png" },