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" />