Initial commit
This commit is contained in:
28
resources/views/partials/theme-mode/__menu.blade.php
Normal file
28
resources/views/partials/theme-mode/__menu.blade.php
Normal file
@ -0,0 +1,28 @@
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3 my-0">
|
||||
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
|
||||
<span class="menu-icon" data-kt-element="icon">{!! getIcon('night-day', 'fs-2') !!}</span>
|
||||
<span class="menu-title">Light</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3 my-0">
|
||||
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
|
||||
<span class="menu-icon" data-kt-element="icon">{!! getIcon('moon', 'fs-2') !!}</span>
|
||||
<span class="menu-title">Dark</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3 my-0">
|
||||
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
|
||||
<span class="menu-icon" data-kt-element="icon">{!! getIcon('screen', 'fs-2') !!}</span>
|
||||
<span class="menu-title">System</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu-->
|
3
resources/views/partials/theme-mode/_init.blade.php
Normal file
3
resources/views/partials/theme-mode/_init.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<!--begin::Theme mode setup on page load-->
|
||||
<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
|
||||
<!--end::Theme mode setup on page load-->
|
4
resources/views/partials/theme-mode/_main.blade.php
Normal file
4
resources/views/partials/theme-mode/_main.blade.php
Normal file
@ -0,0 +1,4 @@
|
||||
<!--begin::Menu toggle-->
|
||||
<a href="#" class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">{!! getIcon('night-day', 'theme-light-show fs-2 fs-lg-1') !!} {!! getIcon('moon', 'theme-dark-show fs-2 fs-lg-1') !!}</a>
|
||||
<!--begin::Menu toggle-->
|
||||
@include('partials/theme-mode/__menu')
|
Reference in New Issue
Block a user