From 375f72ec4de849ecec9b497b5766cf70f909a006 Mon Sep 17 00:00:00 2001 From: david Date: Mon, 11 Nov 2024 07:44:54 +0100 Subject: [PATCH] Switch theme after loading for error pages --- app/javascript/controllers/set_theme_controller.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/javascript/controllers/set_theme_controller.js b/app/javascript/controllers/set_theme_controller.js index 3d70e74..938402f 100644 --- a/app/javascript/controllers/set_theme_controller.js +++ b/app/javascript/controllers/set_theme_controller.js @@ -6,12 +6,14 @@ export default class extends Controller { COOKIE_NAME = "modeTheme"; connect() { + console.log("set theme") const cookieValue = Cookie.get(this.COOKIE_NAME); + let darkMode = window.matchMedia("(prefers-color-scheme:dark)").matches ? "dark" : "light"; if (cookieValue) { - return true; + darkMode = cookieValue + } else { + Cookie.set(this.COOKIE_NAME, darkMode); } - const darkMode = window.matchMedia("(prefers-color-scheme:dark)").matches ? "dark" : "light"; - Cookie.set(this.COOKIE_NAME, darkMode); window.document.getElementsByTagName("html")[0].setAttribute("data-bs-theme", darkMode) } }