From 5ce238a44d1277d3a82d0885cd1020da2ead1122 Mon Sep 17 00:00:00 2001 From: Zakarya Date: Wed, 21 May 2025 14:28:43 -0700 Subject: [PATCH] Fix dark/light theme logic Instead of adding or removing the dark theme setting, set the setting to light or dark. --- sandbox/templates/base.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/sandbox/templates/base.html b/sandbox/templates/base.html index c79eb42..02ade71 100644 --- a/sandbox/templates/base.html +++ b/sandbox/templates/base.html @@ -63,14 +63,18 @@ let isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: if (isDarkMode) { document.documentElement.setAttribute('data-bs-theme', 'dark'); } +else { + document.documentElement.setAttribute('data-bs-theme', 'light'); +} window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (event) => { isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; if (isDarkMode) { document.documentElement.setAttribute('data-bs-theme', 'dark'); - } else { - document.documentElement.removeAttribute('data-bs-theme'); + } + else { + document.documentElement.setAttribute('data-bs-theme', 'light'); } });