More clean up. Set the z index.

src/lib/element_theme.svelte

@@ -26,7 +26,7 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
     document.documentElement.classList.add('dark');
 }
 -->
-<div>
+<section class="space-y-2">
     <button
         class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary"
         onclick={() => {
@@ -74,13 +74,12 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
             Change Theme
         </span>
     </button> -->
-</div>
 
 
-<section class="space-y-2">
-    <h2 class="strong">Theme:</h2>
-<div>
+<!-- <section class="space-y-2">
+    <h2 class="strong">Theme:</h2> -->
 <!-- Light/Dark Theme: -->
+<!-- <div>
 <RadioGroup
     active="variant-glass-success"
     hover="hover:variant-ringed-surface"
@@ -106,13 +105,30 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
         Dark
     </RadioItem>
 </RadioGroup>
-</div>
+</div> -->
 
 <div>
 <!-- Theme Name: -->
 <select
-    onchange={() => {
-        $slct_trigger = 'set_theme_name';
+    onchange={(event) => {
+        // $slct_trigger = 'set_theme_name';
+
+        let new_theme_name = event.target.value;
+        // document.documentElement.theme = new_theme_name;
+
+        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', $ae_loc?.theme_name);
+
+        // if ($ae_loc.theme_mode == 'light') {
+        //     document.documentElement.classList.remove('dark');
+        //     document.documentElement.classList.add('light');
+        // } else if ($ae_loc.theme_mode == 'dark') {
+        //     document.documentElement.classList.remove('light');
+        //     document.documentElement.classList.add('dark');
+        // }
     }}
     bind:value={$ae_loc.theme_name}
     class="select"
@@ -126,4 +142,5 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
     <option value="wintry">Wintry</option>
 </select>
 </div>
+
 </section>