From 66c794ee53f14d18da19d3293f375dfaa4d7d8d7 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 18 Jun 2026 19:19:39 -0400
Subject: [PATCH] fix(core): align menu + dashboard colors and order
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Menu: Files moved between People and Data Stores; color tertiary (matches Users/People).
Dashboard: Sites secondary→primary, Files secondary→tertiary, Data Stores + Lookups surface→secondary. All cards now match menu color groupings.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/routes/core/+layout.svelte |  8 +++-----
 src/routes/core/+page.svelte   | 24 ++++++++++++------------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/routes/core/+layout.svelte b/src/routes/core/+layout.svelte
index 4cc89eda..b068232e 100644
--- a/src/routes/core/+layout.svelte
+++ b/src/routes/core/+layout.svelte
@@ -73,6 +73,9 @@ onMount(() => {
                 <a href="/core/people" class="btn btn-sm preset-tonal-tertiary">
                     <Users size={14} class="mr-1" /> People
                 </a>
+                <a href="/core/files" class="btn btn-sm preset-tonal-tertiary">
+                    <File size={14} class="mr-1" /> Files
+                </a>
                 <a
                     href="/core/data_stores"
                     class="btn btn-sm preset-tonal-secondary">
@@ -93,11 +96,6 @@ onMount(() => {
                     class="btn btn-sm preset-tonal-surface">
                     <Phone size={14} class="mr-1" /> Contacts
                 </a>
-                <a
-                    href="/core/files"
-                    class="btn btn-sm preset-tonal-secondary">
-                    <File size={14} class="mr-1" /> Files
-                </a>
                 <a
                     href="/core/activity_logs"
                     class="btn btn-sm preset-tonal-surface">
diff --git a/src/routes/core/+page.svelte b/src/routes/core/+page.svelte
index 2d13e534..4aff18ea 100644
--- a/src/routes/core/+page.svelte
+++ b/src/routes/core/+page.svelte
@@ -82,11 +82,11 @@ $effect(() => {
 
         <!-- Site Management Card -->
         <div
-            class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            class="card preset-tonal-primary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
             <div class="space-y-4">
                 <div class="flex items-center gap-3">
                     <div
-                        class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        class="bg-primary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
                         <Globe size={24} />
                     </div>
                     <h3 class="h4 font-black">Sites</h3>
@@ -97,7 +97,7 @@ $effect(() => {
                 </p>
             </div>
             <a
-                class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
+                class="btn preset-filled-primary mt-4 w-full font-bold shadow-md"
                 href="/core/sites">
                 Manage
             </a>
@@ -149,11 +149,11 @@ $effect(() => {
 
         <!-- Files Card -->
         <div
-            class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            class="card preset-tonal-tertiary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
             <div class="space-y-4">
                 <div class="flex items-center gap-3">
                     <div
-                        class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        class="bg-tertiary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
                         <File size={24} />
                     </div>
                     <h3 class="h4 font-black">Files</h3>
@@ -163,7 +163,7 @@ $effect(() => {
                 </p>
             </div>
             <a
-                class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
+                class="btn preset-filled-tertiary mt-4 w-full font-bold shadow-md"
                 href="/core/files">
                 Manage
             </a>
@@ -171,11 +171,11 @@ $effect(() => {
 
         <!-- Data Stores Card -->
         <div
-            class="card preset-tonal-surface group border-surface-500/10 flex flex-col justify-between space-y-4 border p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
             <div class="space-y-4">
                 <div class="flex items-center gap-3">
                     <div
-                        class="bg-surface-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
                         <Database size={24} />
                     </div>
                     <h3 class="h4 font-black">Data Stores</h3>
@@ -185,7 +185,7 @@ $effect(() => {
                 </p>
             </div>
             <a
-                class="btn preset-filled-surface mt-4 w-full font-bold shadow-md"
+                class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
                 href="/core/data_stores">
                 Manage
             </a>
@@ -193,11 +193,11 @@ $effect(() => {
 
         <!-- Lookups Card -->
         <div
-            class="card preset-tonal-surface group border-surface-500/10 flex flex-col justify-between space-y-4 border p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
             <div class="space-y-4">
                 <div class="flex items-center gap-3">
                     <div
-                        class="bg-surface-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
                         <List size={24} />
                     </div>
                     <h3 class="h4 font-black">Lookups</h3>
@@ -207,7 +207,7 @@ $effect(() => {
                 </p>
             </div>
             <a
-                class="btn preset-filled-surface mt-4 w-full font-bold shadow-md"
+                class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
                 href="/core/lookups">
                 View
             </a>