Skip to content

Commit 25142bb

Browse files
authored
fix: improve the selected sidebar item text color in dark mode (#22640)
1 parent 01660b2 commit 25142bb

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

web/src/lib/components/shared-components/side-bar/side-bar-link.svelte

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,9 @@
5757
draggable="false"
5858
aria-current={isSelected ? 'page' : undefined}
5959
class="flex w-full place-items-center gap-4 rounded-e-full py-3 transition-[padding] delay-100 duration-100 hover:cursor-pointer hover:bg-subtle hover:text-immich-primary dark:text-immich-dark-fg dark:hover:bg-immich-dark-gray dark:hover:text-immich-dark-primary
60-
{isSelected ? 'bg-immich-primary/10 text-primary hover:bg-immich-primary/10 dark:bg-immich-dark-primary/10' : ''}"
60+
{isSelected
61+
? 'bg-immich-primary/10 dark:text-primary text-primary hover:bg-immich-primary/10 dark:bg-immich-dark-primary/10'
62+
: ''}"
6163
>
6264
<div class="flex w-full place-items-center gap-4 ps-5 overflow-hidden truncate">
6365
<Icon {icon} size="1.5em" class="shrink-0" flipped={flippedLogo} aria-hidden />

0 commit comments

Comments
 (0)