diff --git a/resources/views/livewire/settings-dropdown.blade.php b/resources/views/livewire/settings-dropdown.blade.php index 37cc420ed..0acc5bfc9 100644 --- a/resources/views/livewire/settings-dropdown.blade.php +++ b/resources/views/livewire/settings-dropdown.blade.php @@ -2,6 +2,8 @@ dropdownOpen: false, search: '', allEntries: [], + darkColorContent: getComputedStyle($el).getPropertyValue('--color-base'), + whiteColorContent: getComputedStyle($el).getPropertyValue('--color-white'), init() { this.mounted(); // Load all entries when component initializes @@ -45,11 +47,16 @@ const darkModePreference = window.matchMedia('(prefers-color-scheme: dark)').matches; const userSettings = localStorage.getItem('theme') || 'dark'; localStorage.setItem('theme', userSettings); + + const themeMetaTag = document.querySelector('meta[name=theme-color]'); + if (userSettings === 'dark') { document.documentElement.classList.add('dark'); + themeMetaTag.setAttribute('content', this.darkColorContent); this.theme = 'dark'; } else if (userSettings === 'light') { document.documentElement.classList.remove('dark'); + themeMetaTag.setAttribute('content', this.whiteColorContent); this.theme = 'light'; } else if (darkModePreference) { this.theme = 'system'; @@ -302,7 +309,7 @@ class="inline-flex items-center gap-1 hover:text-coolgray-500"> - CURRENT VERSION