Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
<script lang="ts">
|
||||
import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
|
||||
|
||||
import {
|
||||
Moon, Sun
|
||||
@@ -28,7 +27,7 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
|
||||
-->
|
||||
<section class="space-y-2">
|
||||
<button
|
||||
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary"
|
||||
class="btn btn-sm preset-tonal-secondary hover:preset-filled-secondary-500"
|
||||
onclick={() => {
|
||||
if ($ae_loc.theme_mode == 'light') {
|
||||
$ae_loc.theme_mode = 'dark';
|
||||
@@ -49,12 +48,12 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
|
||||
<!-- <span class="fas fa-adjust"></span> -->
|
||||
{#if $ae_loc.theme_mode == 'light'}
|
||||
<Sun />
|
||||
<span class="hidden md:inline">Light Mode</span>
|
||||
<span class="hidden md:inline-block">Light Mode</span>
|
||||
{:else if $ae_loc.theme_mode == 'dark'}
|
||||
<Moon />
|
||||
<span class="hidden md:inline">Dark Mode</span>
|
||||
<span class="hidden md:inline-block">Dark Mode</span>
|
||||
{/if}
|
||||
<span class="hidden md:inline">
|
||||
<span class="hidden md:inline-block">
|
||||
Change Theme
|
||||
</span>
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user