From 2ee804264499b05521ae0252bbe15ef930d6053e Mon Sep 17 00:00:00 2001 From: madrilene Date: Tue, 25 Jun 2024 14:58:23 +0200 Subject: [PATCH] set theme color outside of preference (console error) --- src/assets/scripts/bundle/theme-toggle.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/assets/scripts/bundle/theme-toggle.js b/src/assets/scripts/bundle/theme-toggle.js index 14ba7e3..23c8447 100644 --- a/src/assets/scripts/bundle/theme-toggle.js +++ b/src/assets/scripts/bundle/theme-toggle.js @@ -20,6 +20,7 @@ window.onload = () => { } reflectPreference(); + updateThemeColor(); lightThemeToggle.addEventListener('click', () => onClick('light')); darkThemeToggle.addEventListener('click', () => onClick('dark')); @@ -58,7 +59,9 @@ function reflectPreference() { document.firstElementChild.setAttribute('data-theme', theme.value); document.querySelector('#light-theme-toggle')?.setAttribute('aria-label', lightLabel); document.querySelector('#dark-theme-toggle')?.setAttribute('aria-label', darkLabel); - // adjust the theme color +} + +function updateThemeColor() { document .querySelector('meta[name="theme-color"]') .setAttribute('content', theme.value === 'dark' ? themeColors.dark : themeColors.light);