diff --git a/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.test.tsx b/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.test.tsx index 61e28dc..362b050 100644 --- a/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.test.tsx +++ b/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.test.tsx @@ -427,6 +427,9 @@ describe('ServerCard — offline & verwaist', () => { expect(el).toHaveAttribute('data-health', 'orphan'); expect(el).toHaveClass('border-dashed'); + // gedaempft wird nur der Name (Vordergrundfarbe haelt 7,5:1), die Adresse bleibt lesbar + expect(within(el).getByText('pve-1')).toHaveClass('opacity-70', 'saturate-50'); + expect(within(el).getByText('https://pve.intern')).not.toHaveClass('opacity-70'); expect(within(el).getByTestId('status-pill')).toHaveTextContent('Offline & verwaist'); expect( within(el).getByText('Dieser Server ist deaktiviert und wird nicht mehr abgefragt.'), diff --git a/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.tsx b/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.tsx index b19057f..6540711 100644 --- a/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.tsx +++ b/apps/web/src/app/(portal)/modules/proxmox/components/ServerCard.tsx @@ -438,8 +438,11 @@ export function ServerCard({ server, isAdmin = false, now = Date.now() }: Server ); } - // Gedaempft wird bei „verwaist“ nur, was zum Server gehoert (Symbol, Name, - // Adresse, Fussangabe) — Pille und Hinweistext bleiben voll lesbar. + // Gedaempft (`opacity-70 saturate-50`) wird bei „verwaist“ nur Symbol und + // Name. Gedaempfte Schrift in `muted-foreground` fiele auf 2,75:1 (hell) + // bzw. 3,0:1 (dunkel) — gemessen — und damit unter 4,5:1; Produktname, + // Adresse, Fussangabe, Pille und Hinweistext bleiben deshalb voll lesbar. + // Der Name in Vordergrundfarbe haelt gedaempft noch 7,5:1 bzw. 7,1:1. const dim = isOrphan ? 'opacity-70 saturate-50' : ''; return ( @@ -455,14 +458,14 @@ export function ServerCard({ server, isAdmin = false, now = Date.now() }: Server
-
+
-
+
{server.name}
@@ -481,7 +484,7 @@ export function ServerCard({ server, isAdmin = false, now = Date.now() }: Server {polledAge && (
{t('card.lastPolledAgo', { age: polledAge })}