From 8a36bed032d1295a4d320a93880992e44429ebf2 Mon Sep 17 00:00:00 2001
From: nikita <nikitka.shmidt.01@gmail.com>
Date: Sun, 28 Sep 2025 04:20:20 +0600
Subject: [PATCH] add change dynamic theme color

---
 resources/views/livewire/settings-dropdown.blade.php | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

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">
                                                         <span x-text="entry.title"></span>
                                                         <x-external-link />
                                                     </a></span>
-                                                <span x-show="entry.tag_name === '{{ $currentVersion }}'" 
+                                                <span x-show="entry.tag_name === '{{ $currentVersion }}'"
                                                     class="px-2 py-1 text-xs font-semibold bg-success text-white rounded-sm">
                                                     CURRENT VERSION
                                                 </span>