fix(core): align menu + dashboard colors and order

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>
This commit is contained in:
Scott Idem
2026-06-18 19:19:39 -04:00
parent dae610795b
commit 66c794ee53
2 changed files with 15 additions and 17 deletions

View File

@@ -73,6 +73,9 @@ onMount(() => {
<a href="/core/people" class="btn btn-sm preset-tonal-tertiary"> <a href="/core/people" class="btn btn-sm preset-tonal-tertiary">
<Users size={14} class="mr-1" /> People <Users size={14} class="mr-1" /> People
</a> </a>
<a href="/core/files" class="btn btn-sm preset-tonal-tertiary">
<File size={14} class="mr-1" /> Files
</a>
<a <a
href="/core/data_stores" href="/core/data_stores"
class="btn btn-sm preset-tonal-secondary"> class="btn btn-sm preset-tonal-secondary">
@@ -93,11 +96,6 @@ onMount(() => {
class="btn btn-sm preset-tonal-surface"> class="btn btn-sm preset-tonal-surface">
<Phone size={14} class="mr-1" /> Contacts <Phone size={14} class="mr-1" /> Contacts
</a> </a>
<a
href="/core/files"
class="btn btn-sm preset-tonal-secondary">
<File size={14} class="mr-1" /> Files
</a>
<a <a
href="/core/activity_logs" href="/core/activity_logs"
class="btn btn-sm preset-tonal-surface"> class="btn btn-sm preset-tonal-surface">

View File

@@ -82,11 +82,11 @@ $effect(() => {
<!-- Site Management Card --> <!-- Site Management Card -->
<div <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="space-y-4">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div <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} /> <Globe size={24} />
</div> </div>
<h3 class="h4 font-black">Sites</h3> <h3 class="h4 font-black">Sites</h3>
@@ -97,7 +97,7 @@ $effect(() => {
</p> </p>
</div> </div>
<a <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"> href="/core/sites">
Manage Manage
</a> </a>
@@ -149,11 +149,11 @@ $effect(() => {
<!-- Files Card --> <!-- Files Card -->
<div <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="space-y-4">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div <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} /> <File size={24} />
</div> </div>
<h3 class="h4 font-black">Files</h3> <h3 class="h4 font-black">Files</h3>
@@ -163,7 +163,7 @@ $effect(() => {
</p> </p>
</div> </div>
<a <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"> href="/core/files">
Manage Manage
</a> </a>
@@ -171,11 +171,11 @@ $effect(() => {
<!-- Data Stores Card --> <!-- Data Stores Card -->
<div <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="space-y-4">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div <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} /> <Database size={24} />
</div> </div>
<h3 class="h4 font-black">Data Stores</h3> <h3 class="h4 font-black">Data Stores</h3>
@@ -185,7 +185,7 @@ $effect(() => {
</p> </p>
</div> </div>
<a <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"> href="/core/data_stores">
Manage Manage
</a> </a>
@@ -193,11 +193,11 @@ $effect(() => {
<!-- Lookups Card --> <!-- Lookups Card -->
<div <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="space-y-4">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div <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} /> <List size={24} />
</div> </div>
<h3 class="h4 font-black">Lookups</h3> <h3 class="h4 font-black">Lookups</h3>
@@ -207,7 +207,7 @@ $effect(() => {
</p> </p>
</div> </div>
<a <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"> href="/core/lookups">
View View
</a> </a>