New style option for Axonius 2026. Set as default for them as well in their site config.

Also general style clean ups

src/routes/events/+layout.svelte

@@ -228,9 +228,13 @@ function clear_sess() {
                 left-0 z-20 m-auto flex
                 min-h-12 w-full
                 max-w-7xl flex-col
-                items-center justify-between gap-1 rounded-b-lg
+                items-center justify-between gap-1
 
-                border-b-2 bg-gray-200
+                rounded-b-lg border-b-2
+                border-primary-200 dark:border-primary-800
+                bg-primary-200/80 dark:bg-primary-800/80
+                text-primary-900 dark:text-primary-100
+                backdrop-blur-sm
                 p-1 px-2
                 transition-all duration-1000
 
@@ -238,7 +242,7 @@ function clear_sess() {
 
                 sm:flex-wrap md:min-h-14
 
-                dark:bg-gray-800 print:hidden
+                print:hidden
                 ">
             <span class="justify-self-start">
                 <!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
@@ -371,19 +375,23 @@ function clear_sess() {
         left-0 z-20 m-auto flex
         w-full max-w-7xl
         flex-row flex-wrap
-
         items-center justify-between gap-1
+
         rounded-t-lg border-t-2
-        border-gray-200 bg-gray-200 p-1
+        border-primary-200 dark:border-primary-800
+        bg-primary-200/80 dark:bg-primary-800/80
+        text-primary-700 dark:text-primary-400
+        backdrop-blur-sm
+        p-1
         text-xs
 
         transition-all duration-1000 hover:text-base
         hover:opacity-100
         sm:flex-row md:items-center
 
-        md:justify-between dark:border-gray-600
+        md:justify-between
 
-        dark:bg-gray-800 print:hidden
+        print:hidden
         "
             class:ae_debug={$ae_loc.debug}>
             <Element_data_store

src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte

@@ -422,7 +422,7 @@ function prevent_default<T extends Event>(fn: (event: T) => void) {
     </header>
 
     {#if !pres_mgmt_loc.current.show_content__event_view || pres_mgmt_loc.current.show_content__event_view == 'default'}
-        <div class="ae_container_actions">
+        <div class="preset-tonal-primary rounded-xl">
             <form
                 onsubmit={prevent_default(() => handle_search_trigger())}
                 autocomplete="off"