From 57c4f633fceac334822026cbf8d25ba11f82d4ba Mon Sep 17 00:00:00 2001
From: Eli Kogan-Wang <elikowa@gmail.com>
Date: Mon, 2 Dec 2024 14:32:46 +0100
Subject: [PATCH] fix: update primary color to improve UI consistency

---
 frontend/src/lib/components/Tabbar.svelte       | 2 +-
 frontend/src/lib/config/ModuleCard.svelte       | 8 ++++----
 frontend/src/lib/sidebar/GlobalNavSelect.svelte | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/components/Tabbar.svelte b/frontend/src/lib/components/Tabbar.svelte
index f8c327de..ec54fa81 100644
--- a/frontend/src/lib/components/Tabbar.svelte
+++ b/frontend/src/lib/components/Tabbar.svelte
@@ -64,7 +64,7 @@
 <Tabs
 	contentClass="mb-4"
 	defaultClass="flex flex-wrap gap-x-2"
-	activeClasses="inline-block text-sm font-medium text-center rounded-t-lg disabled:cursor-not-allowed p-2 text-primary-600 bg-gray-100 dark:bg-gray-800 dark:text-primary-500"
+	activeClasses="inline-block text-sm font-medium text-center rounded-t-lg disabled:cursor-not-allowed p-2 text-primary-600 bg-gray-100 dark:bg-gray-800 dark:text-primary-400"
 	inactiveClasses="inline-block text-sm font-medium text-center rounded-t-lg disabled:cursor-not-allowed p-2 hover:bg-gray-100 dark:hover:bg-gray-800"
 >
 	{#each dynamicNavItems as item}
diff --git a/frontend/src/lib/config/ModuleCard.svelte b/frontend/src/lib/config/ModuleCard.svelte
index 708aba5a..59163b69 100644
--- a/frontend/src/lib/config/ModuleCard.svelte
+++ b/frontend/src/lib/config/ModuleCard.svelte
@@ -87,7 +87,7 @@
 						{#if sameOrigin(settings, other[0])}
 							{@const otherDefinitions = other.filter((o) => !sameOrigin(settings, o))}
 							<button class="btn p-0 ml-2 sm:ml-0" on:click={() => {}}>
-								<Route class="text-primary-500" />
+								<Route class="text-primary-400" />
 							</button>
 							<Tooltip type="auto" class="z-50">
 								<P size="sm" class="whitespace-pre-line">{$t('config.passed')}</P>
@@ -108,7 +108,7 @@
 								(o) => !sameOrigin(o, settings) && !sameOrigin(o, other[0])
 							)}
 							<button class="btn p-0 ml-2 sm:ml-0" on:click={() => {}}>
-								<RouteOff class="text-primary-500" />
+								<RouteOff class="text-primary-400" />
 							</button>
 							<Tooltip type="auto" class="z-50">
 								<P size="sm" class="whitespace-pre-line">{@html $t('config.notPassed')}</P>
@@ -128,7 +128,7 @@
 						{/if}
 					{:else if self !== undefined}
 						<button class="btn p-0 ml-2 sm:ml-0" on:click={() => {}}>
-							<Route class="text-primary-500" />
+							<Route class="text-primary-400" />
 						</button>
 						<Tooltip type="auto" class="z-50">
 							<P size="sm" class="whitespace-pre-line">{@html $t('config.passed')}</P>
@@ -136,7 +136,7 @@
 						</Tooltip>
 					{:else}
 						<button class="btn p-0 ml-2 sm:ml-0" on:click={() => {}}>
-							<RouteOff class="text-primary-500" />
+							<RouteOff class="text-primary-400" />
 						</button>
 						<Tooltip type="auto" class="z-50">
 							<P size="sm" class="whitespace-pre-line">{@html $t('config.notSet')}</P>
diff --git a/frontend/src/lib/sidebar/GlobalNavSelect.svelte b/frontend/src/lib/sidebar/GlobalNavSelect.svelte
index 4500169d..6a28fd5a 100644
--- a/frontend/src/lib/sidebar/GlobalNavSelect.svelte
+++ b/frontend/src/lib/sidebar/GlobalNavSelect.svelte
@@ -30,12 +30,12 @@
 <Button class="w-full flex gap-2 justify-start p-3 " color="alternative">
 	{#if $globalNavSelectedTag}
 		<TagIcon size={20} class="min-w-[20px]" />
-		<span class="text-base text-primary-500 truncate" title={$globalNavSelectedTag?.displayName}>
+		<span class="text-base text-primary-400 truncate" title={$globalNavSelectedTag?.displayName}>
 			{$globalNavSelectedTag?.displayName}
 		</span>
 	{:else if $globalNavSelectedDevice}
 		<HardDrive size={20} class="min-w-[20px]" />
-		<span class="text-base text-primary-500 truncate" title={$globalNavSelectedDevice?.displayName}>
+		<span class="text-base text-primary-400 truncate" title={$globalNavSelectedDevice?.displayName}>
 			{$globalNavSelectedDevice?.displayName}
 		</span>
 	{:else}
@@ -67,7 +67,7 @@
 		{#if isSearched(search, tag.displayName)}
 			<DropdownItem
 				href={`${subpage}?${buildGlobalNavSearchParam($page.url.search, 'tag', tag.identifier)}`}
-				class={`flex gap-2 my-1 p-1 hover:bg-primary-500 items-center rounded ${active ? 'text-primary-500' : ''}`}
+				class={`flex gap-2 my-1 p-1 hover:bg-primary-500 items-center rounded ${active ? 'text-primary-400' : ''}`}
 				on:click={() => (open = false)}
 			>
 				<TagIcon size={22} class="shrink-0" />
@@ -90,7 +90,7 @@
 		{#if isSearched(search, device.displayName)}
 			<DropdownItem
 				href={`${subpage}?${buildGlobalNavSearchParam($page.url.search, 'device', device.identifier)}`}
-				class={`flex gap-2 my-1 p-1 hover:bg-primary-500 items-center rounded ${active ? 'text-primary-500' : ''}`}
+				class={`flex gap-2 my-1 p-1 hover:bg-primary-500 items-center rounded ${active ? 'text-primary-400' : ''}`}
 				on:click={() => (open = false)}
 			>
 				<HardDrive size={22} class="shrink-0" />