Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....

This commit is contained in:
Scott Idem
2025-06-18 17:59:48 -04:00
parent db6e9dd019
commit 13912fd145
169 changed files with 2343 additions and 1634 deletions

View File

@@ -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>