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) } }