File manager - Edit - /var/www/payraty/helpdesk/vendor/laravel/horizon/resources/js/components/SchemeToggler.vue
Back
<script type="text/ecmascript-6"> export default { data () { return { scheme: 'system' } }, watch: { scheme (value) { localStorage.setItem('scheme', value); } }, mounted () { this.scheme = localStorage.getItem('scheme') ?? 'system'; window .matchMedia('(prefers-color-scheme: dark)') .addEventListener('change', () => this.calculateScheme()) this.calculateScheme() }, methods: { toggleScheme () { if (this.scheme == 'system') { this.scheme = 'dark' } else if (this.scheme == 'dark') { this.scheme = 'light' } else { this.scheme = 'system' } this.calculateScheme() }, calculateScheme () { const dark = document.querySelector('style[data-scheme="dark"]'); if (this.scheme == 'system') { const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)'); dark.media = prefersDarkMode.matches ? "" : "max-width: 1px"; } else { dark.media = this.scheme == 'dark' ? "" : "max-width: 1px"; } } } } </script> <template> <button class="btn btn-muted" title="Switch Theme" v-on:click.prevent="toggleScheme"> <svg v-if="scheme == 'system'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="icon" fill="currentColor"> <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 014.25 2h11.5A2.25 2.25 0 0118 4.25v8.5A2.25 2.25 0 0115.75 15h-3.105a3.501 3.501 0 001.1 1.677A.75.75 0 0113.26 18H6.74a.75.75 0 01-.484-1.323A3.501 3.501 0 007.355 15H4.25A2.25 2.25 0 012 12.75v-8.5zm1.5 0a.75.75 0 01.75-.75h11.5a.75.75 0 01.75.75v7.5a.75.75 0 01-.75.75H4.25a.75.75 0 01-.75-.75v-7.5z" clip-rule="evenodd" /> </svg> <svg v-if="scheme == 'dark'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="icon" fill="currentColor"> <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 01.26.77 7 7 0 009.958 7.967.75.75 0 011.067.853A8.5 8.5 0 116.647 1.921a.75.75 0 01.808.083z" clip-rule="evenodd" /> </svg> <svg v-if="scheme == 'light'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="icon" fill="currentColor"> <path d="M10 2a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0v-1.5A.75.75 0 0110 2zM10 15a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0v-1.5A.75.75 0 0110 15zM10 7a3 3 0 100 6 3 3 0 000-6zM15.657 5.404a.75.75 0 10-1.06-1.06l-1.061 1.06a.75.75 0 001.06 1.06l1.06-1.06zM6.464 14.596a.75.75 0 10-1.06-1.06l-1.06 1.06a.75.75 0 001.06 1.06l1.06-1.06zM18 10a.75.75 0 01-.75.75h-1.5a.75.75 0 010-1.5h1.5A.75.75 0 0118 10zM5 10a.75.75 0 01-.75.75h-1.5a.75.75 0 010-1.5h1.5A.75.75 0 015 10zM14.596 15.657a.75.75 0 001.06-1.06l-1.06-1.061a.75.75 0 10-1.06 1.06l1.06 1.06zM5.404 6.464a.75.75 0 001.06-1.06l-1.06-1.06a.75.75 0 10-1.061 1.06l1.06 1.06z" /> </svg> </button> </template>
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings