mirror of
https://github.com/immich-app/immich.git
synced 2026-01-14 22:13:14 -08:00
fix(web): improve text contrast in minimized upload panel (#25075)
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:
@@ -131,7 +131,7 @@
|
||||
type="button"
|
||||
in:scale={{ duration: 250, easing: quartInOut }}
|
||||
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)}
|
||||
</button>
|
||||
@@ -140,7 +140,7 @@
|
||||
type="button"
|
||||
in:scale={{ duration: 250, easing: quartInOut }}
|
||||
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)}
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user