File manager - Edit - /var/www/payraty/helpdesk/vendor/laravel/pulse/resources/views/components/theme-switcher.blade.php
Back
<script> setDarkClass = () => { if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { document.documentElement.classList.add('dark') } else { document.documentElement.classList.remove('dark') } } setDarkClass() window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', setDarkClass) </script> <div class="relative" x-data="{ menu: false, theme: localStorage.theme, darkMode() { this.theme = 'dark' localStorage.theme = 'dark' setDarkClass() }, lightMode() { this.theme = 'light' localStorage.theme = 'light' setDarkClass() }, systemMode() { this.theme = undefined localStorage.removeItem('theme') setDarkClass() }, }" @click.outside="menu = false" > <button x-cloak class="block p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800" :class="theme ? 'text-gray-700 dark:text-gray-300' : 'text-gray-400 dark:text-gray-600 hover:text-gray-500 focus:text-gray-500 dark:hover:text-gray-500 dark:focus:text-gray-500'" @click="menu = ! menu" > <x-pulse::icons.sun class="block dark:hidden w-5 h-5" /> <x-pulse::icons.moon class="hidden dark:block w-5 h-5" /> </button> <div x-show="menu" class="z-10 absolute origin-top-right right-0 bg-white dark:bg-gray-800 rounded-md ring-1 ring-gray-900/5 shadow-xl flex flex-col" style="display: none;" @click="menu = false"> <button class="flex items-center px-4 py-2 gap-3 hover:bg-gray-100 dark:hover:bg-gray-700" :class="theme === 'light' ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400'" @click="lightMode()"> <x-pulse::icons.sun class="w-5 h-5" /> Light </button> <button class="flex items-center px-4 py-2 gap-3 hover:bg-gray-100 dark:hover:bg-gray-700" :class="theme === 'dark' ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400'" @click="darkMode()"> <x-pulse::icons.moon class="w-5 h-5" /> Dark </button> <button class="flex items-center px-4 py-2 gap-3 hover:bg-gray-100 dark:hover:bg-gray-700" :class="theme === undefined ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400'" @click="systemMode()"> <x-pulse::icons.computer-desktop class="w-5 h-5" /> System </button> </div> </div>
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings