From dfd279fbe1c50743dc8105715fef7e74402f4564 Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Thu, 15 Oct 2026 10:00:18 +0900
Subject: feat(ui): raised (popped-out) home tiles, the inverse of the inset
 well; shared navbar look on the home header

---
 src/features/workspaces/ui/HomeHeader.svelte   | 8 +++++---
 src/features/workspaces/ui/HomeTileGrid.svelte | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/features/workspaces')

diff --git a/src/features/workspaces/ui/HomeHeader.svelte b/src/features/workspaces/ui/HomeHeader.svelte
index 9d26306..8090489 100644
--- a/src/features/workspaces/ui/HomeHeader.svelte
+++ b/src/features/workspaces/ui/HomeHeader.svelte
@@ -68,10 +68,12 @@
   }
 </script>
 
-<header class="flex shrink-0 items-end justify-between gap-2 px-8 pt-6 pb-4 md:px-12">
+<!-- `.app-navbar` (app.css): the same Artix-wiki navbar look as the workspace
+     top bar — gradient, drop shadow, engraved primary-blue title. -->
+<header class="app-navbar flex shrink-0 items-end justify-between gap-2 px-8 pt-6 pb-4 md:px-12">
   <div class="flex items-baseline gap-3">
-    <h1 class="text-4xl font-black tracking-tight">Dispatch</h1>
-    <span class="hidden text-sm font-medium tracking-widest uppercase opacity-40 sm:inline">
+    <h1 class="app-navbar-engraved text-4xl font-black tracking-tight text-primary">Dispatch</h1>
+    <span class="hidden text-sm font-medium tracking-widest uppercase text-primary/70 sm:inline">
       Workspaces
     </span>
   </div>
diff --git a/src/features/workspaces/ui/HomeTileGrid.svelte b/src/features/workspaces/ui/HomeTileGrid.svelte
index 489c783..40a46c5 100644
--- a/src/features/workspaces/ui/HomeTileGrid.svelte
+++ b/src/features/workspaces/ui/HomeTileGrid.svelte
@@ -499,7 +499,7 @@
           <!-- svelte-ignore a11y_no_static_element_interactions, a11y_click_events_have_key_events -->
           <div
             data-tile-id={placement.id}
-            class={`flex select-none flex-col overflow-hidden rounded-box border transition-[box-shadow] duration-150 ${
+            class={`raised flex select-none flex-col overflow-hidden rounded-box border transition-[box-shadow] duration-150 ${
               TONE_CLASSES[tileTone(placement.id)]
             } ${
               selectedId === placement.id
@@ -508,7 +508,7 @@
             } ${
               isDragged
                 ? "pointer-events-none relative z-40 shadow-2xl"
-                : "shadow-md hover:-translate-y-0.5 hover:shadow-xl"
+                : "hover:-translate-y-0.5 hover:shadow-xl"
             }`}
             style={`${wrapperStyle(placement)} ${isDragged ? followStyle(placement) : ""} scroll-snap-align: start;`}
             role="button"
-- 
cgit v1.2.3