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