From 6c2f3a4b2bfac771d7b44c9c175b99fc5b4da2c3 Mon Sep 17 00:00:00 2001 From: Fabricio Silva Date: Fri, 21 Jul 2023 17:00:34 +0100 Subject: [PATCH] fix(web): set theme before app loads (#1017) * chore(web): toggle classList instead of add and remove * fix(web): set theme before the app loads --- web/index.html | 4 ++++ web/src/utils/Context.ts | 7 +------ 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/web/index.html b/web/index.html index da0cef8..740ece0 100644 --- a/web/index.html +++ b/web/index.html @@ -21,6 +21,10 @@ diff --git a/web/src/utils/Context.ts b/web/src/utils/Context.ts index 05e36e9..d725db9 100644 --- a/web/src/utils/Context.ts +++ b/web/src/utils/Context.ts @@ -72,12 +72,7 @@ export const SettingsContext = newRidgeState( { onSet: (new_state) => { try { - if (new_state.darkTheme) { - document.documentElement.classList.add("dark"); - } else { - document.documentElement.classList.remove("dark"); - } - + document.documentElement.classList.toggle("dark", new_state.darkTheme); localStorage.setItem("settings", JSON.stringify(new_state)); } catch (e) { console.log("An error occurred while trying to modify the local settings context state.");