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

src/routes/events_speakers/+page.svelte

@@ -8,11 +8,10 @@ import { onMount } from 'svelte';
 
 // https://github.com/skeletonlabs/skeleton/blob/master/packages/skeleton/src/lib/utilities/Modal/types.ts
 // To retrieve the store, getModalStore must be invoked at the top level of your component!
-import { getModalStore } from '@skeletonlabs/skeleton';
 import type {
     ModalSettings,
     ModalComponent,
-    } from '@skeletonlabs/skeleton';
+    } from '@skeletonlabs/skeleton-svelte';
 const modalStore = getModalStore();
 
 import { api } from '$lib/api';
@@ -49,7 +48,7 @@ const modal_view__event_presenter_obj: ModalSettings = {
     position: '', // default is "items-center"
 
     // Provide arbitrary classes to the backdrop and modal elements:
-    // backdropClasses: '!bg-green-500',
+    // backdropClasses: 'bg-green-500!',
     // modalClasses: 'w-modal-wide',
     // modalClasses: 'w-full',
 
@@ -382,7 +381,7 @@ async function handle_load_ae_obj_id__event_presenter({event_presenter_id, try_c
 
 <section>
     <button
-        class="btn variant-ghost-primary"
+        class="btn preset-tonal-primary border border-primary-500"
         on:click={() => {
             // $ae_loc.mod.events.show_edit__event_presenter_obj = true;
             $slct.event_presenter_id = null;
@@ -417,7 +416,7 @@ async function handle_load_ae_obj_id__event_presenter({event_presenter_id, try_c
                 });
 
         }}
-        class="btn btn-sm variant-ghost-warning w-42 mb-1 export_data_btn text-xs"
+        class="btn btn-sm preset-tonal-warning border border-warning-500 w-42 mb-1 export_data_btn text-xs"
         title={`Download sponsorship data for ${$ae_loc.account_name}`}
         >
         {#await ae_promises.download__sponsorship_export}