Lots of style improvements. Dark mode is mostly useable now. Work on reports.

src/routes/events/+layout.svelte

@@ -135,12 +135,11 @@ if (browser) {
     regionFooter='modal-footer flex justify-between space-x-2'
     /> -->
 
-<!-- App Shell -->
-<!-- <AppShell
-    regionPage={($ae_loc.iframe ? 'iframe' : '')}
-    slotHeader={($ae_loc.iframe ? 'iframe' : '')}
-    slotFooter={($ae_loc.iframe ? 'iframe' : '')}
-    > -->
+
+
+<!-- WARNING: Add these when ready to better enabled dark mode! -->
+<!-- bg-gray-50 dark:bg-gray-900 -->
+<!-- text-gray-800 dark:text-gray-200 -->
 <div
     class:iframe={$ae_loc?.iframe}
     class="
@@ -148,6 +147,8 @@ if (browser) {
         h-full max-h-full max-w-6xl overflow-auto
         flex flex-col gap-1
         m-auto
+        bg-gray-50 dark:bg-gray-900
+        text-gray-800 dark:text-gray-200
         "
     >