fix: update primary color to improve UI consistency

Thymis-io · Dec 2, 2024 · 57c4f63 · 57c4f63
1 parent bbbbcb5
commit 57c4f63
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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,15 +128,15 @@
 						{/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>
 							<P size="sm" class="whitespace-pre-line mt-2">{$t('config.noOtherDefinitions')}</P>
 						</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
@@ -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" />