Minor fixes. Better dark mode style.

src/routes/journals/[journal_id]/+layout.svelte

@@ -175,7 +175,7 @@ let lq__journal_obj = $derived(liveQuery(async () => {
         border-b
         py-2
         w-full
-        hover:bg-slate-100
+        hover:bg-slate-100 hover:dark:bg-slate-700
         "
     >
     <a href="/journals"

src/routes/journals/ae_comp__journal_entry_obj_li.svelte

@@ -82,7 +82,7 @@ $effect(() => {
             bg-white text-gray-900
             dark:bg-gray-800 dark:text-gray-200
             rounded-lg
-            hover:bg-gray-100
+            hover:bg-gray-100 hover:dark:bg-gray-700
             hover:border-gray-300
             transition-all duration-500 ease-out
             "
@@ -118,13 +118,14 @@ $effect(() => {
                     >
 
                         {#if journals_journal_entry_obj.template}
-                            <NotepadTextDashed class="mx-1 inline-block text-neutral-800/60" />
+                            <NotepadTextDashed class="mx-1 inline-block text-neutral-800/60 dark:text-neutral-50/60" />
+
                             {@html journals_journal_entry_obj.name ?? '-- no name --'}
                         {:else if (journals_journal_entry_obj.name)}
-                            <NotebookText class="mx-1 inline-block text-neutral-800/60" />
+                            <NotebookText class="mx-1 inline-block text-neutral-800/60 dark:text-neutral-50/60" />
                             {@html journals_journal_entry_obj.name}
                         {:else}
-                            <CalendarClock class="mx-1 inline-block text-neutral-800/60" />
+                            <CalendarClock class="mx-1 inline-block text-neutral-800/60 dark:text-neutral-50/60" />
                             {ae_util.iso_datetime_formatter(journals_journal_entry_obj.created_on, 'datetime_iso_12_no_seconds')}
                         {/if}
 

src/routes/journals/ae_comp__journal_obj_id_edit.svelte

@@ -39,6 +39,7 @@ import { Modal } from 'flowbite-svelte';
 
 // *** Import Aether specific variables and functions
 import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
 import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
 import { journals_loc, journals_sess, journals_slct, journals_prom, journals_trig } from '$lib/ae_journals/ae_journals_stores';
 import { journals_func } from '$lib/ae_journals/ae_journals_functions';
@@ -123,23 +124,47 @@ async function handle_update_journal() {
 </script>
 
 
+<!-- title="Edit Journal / Settings" -->
 
 <Modal
-    title="Edit Journal"
     bind:open={show}
     autoclose={false}
     placement="top-center"
     size="xl"
     class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
+    headerClass="
+        flex flex-row gap-2 items-center justify-between
+        w-full
+        bg-gray-100 dark:bg-gray-900
+        "
+    footerClass="
+        flex flex-row gap-2 items-center justify-center
+        w-full
+        bg-gray-100 dark:bg-gray-900
+        "
     >
+
+    {#snippet header()}
+        <h3>
+            <span class="text-base font-semibold">
+                <span class="text-primary-500">
+                    <BookOpenText class="inline-block mr-1" />
+                </span>
+                Edit Journal / Settings:
+            </span>
+            {$lq__journal_obj?.name ?? '-- not set --'}
+        </h3>
+    {/snippet}
+
+
     <div class="modal">
         <div class="modal-box mx-2 mb-14 space-y-4">
 
-
 {#if !tmp__journal_obj || typeof tmp__journal_obj.cfg_json !== 'object'}
-    Not found or loading?
-{:else}
 
+    Not found or loading?
+
+{:else}
 
 <div class="space-y-2 py-2 mb-2">
 
@@ -1164,18 +1189,17 @@ async function handle_update_journal() {
     </button>
 </div>
 
-
-<!--
-<div class="modal-action">
-</div> -->
-
-
 {/if}
+
         </div>
     </div>
 
 
     {#snippet footer()}
+    <div class="
+
+        "
+        >
         <button
             type="button"
             onclick={handle_update_journal}
@@ -1193,5 +1217,6 @@ async function handle_update_journal() {
             <X />
             Cancel
         </button>
+    </div>
     {/snippet}
 </Modal>