Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More updates everywhere related to TW v4

Browse Source
This commit is contained in:
Scott Idem
2025-06-19 15:05:15 -04:00
parent 1e0c6ec91b
commit 38e88d7b27
12 changed files with 90 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/e_app_theme.svelte
View File

@@ -118,9 +118,12 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
console.log(`$ae_loc?.theme_name=${$ae_loc?.theme_name}`);
// $slct_trigger = null;
// Update the body attribute named "data-theme" to the current theme name.
document.body.setAttribute('data-theme', new_theme_name);
// document.body.setAttribute('data-theme', new_theme_name);
// document.body.setAttribute('data-theme', $ae_loc?.theme_name);
// NEW for Tailwind v4: Update the html attribute named "data-theme" to the current theme name.
document.documentElement.setAttribute('data-theme', new_theme_name);
// if ($ae_loc.theme_mode == 'light') {
// document.documentElement.classList.remove('dark');
// document.documentElement.classList.add('light');
@@ -134,11 +137,18 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
title="Theme name"
>
<option value="">-- None --</option>
<option value="gold-nouveau">Gold Nouveau</option>
<option value="cerberus">Cerberus</option>
<option value="concord">Concord</option>
<option value="crimson">Crimson</option>
<option value="hamlindigo">Hamlindigo</option>
<option value="modern">Modern</option>
<option value="nouveau">Nouveau</option>
<option value="rocket">Rocket</option>
<option value="terminus">Terminus</option>
<option value="vintage">Vintage</option>
<option value="wintry">Wintry</option>
<option value="ae_c_osit">OSIT</option>
<option value="ae_c_lci">LCI</option>
</select>
</div>