github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-05-18 03:10:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): improve text contrast in minimized upload panel (#25075)

Browse Source 
The minimized upload status buttons in dark mode had poor text
contrast because they used `text-gray-200` on colored backgrounds.
Changed to `text-light` which provides better contrast for both
light and dark modes on `bg-primary` and `bg-danger` backgrounds.

Fixes #24683

Signed-off-by: majiayu000 <1835304752@qq.com>
This commit is contained in:
lif
2026-01-06 23:23:28 +08:00
committed by GitHub
parent 4cb56edebf
commit ded980bfc3
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/shared-components/upload-panel.svelte
+2 -2
View File
@@ -131,7 +131,7 @@
type="button" type="button"
in:scale={{ duration: 250, easing: quartInOut }} in:scale={{ duration: 250, easing: quartInOut }}
onclick={() => (showDetail = true)} onclick={() => (showDetail = true)}
class="absolute -start-4 -top-4 flex h-10 w-10 place-content-center place-items-center rounded-full bg-primary p-5 text-xs text-gray-200" class="absolute -start-4 -top-4 flex h-10 w-10 place-content-center place-items-center rounded-full bg-primary p-5 text-xs text-light"
> >
{$remainingUploads.toLocaleString($locale)} {$remainingUploads.toLocaleString($locale)}
</button> </button>
@@ -140,7 +140,7 @@
type="button" type="button"
in:scale={{ duration: 250, easing: quartInOut }} in:scale={{ duration: 250, easing: quartInOut }}
onclick={() => (showDetail = true)} onclick={() => (showDetail = true)}
class="absolute -end-4 -top-4 flex h-10 w-10 place-content-center place-items-center rounded-full bg-danger p-5 text-xs text-gray-200" class="absolute -end-4 -top-4 flex h-10 w-10 place-content-center place-items-center rounded-full bg-danger p-5 text-xs text-light"
> >
{$stats.errors.toLocaleString($locale)} {$stats.errors.toLocaleString($locale)}
</button> </button>