From 0f6cf990f532505c432a5fc7a10481bdf80bd701 Mon Sep 17 00:00:00 2001 From: William Moore Date: Mon, 28 Oct 2024 12:06:02 +0000 Subject: [PATCH 1/2] Fix background colour to dark for list items in dark mode --- ome2024-ngff-challenge/src/ImageList.svelte | 1 + ome2024-ngff-challenge/src/app.css | 1 + 2 files changed, 2 insertions(+) diff --git a/ome2024-ngff-challenge/src/ImageList.svelte b/ome2024-ngff-challenge/src/ImageList.svelte index edb303d..68b17e9 100644 --- a/ome2024-ngff-challenge/src/ImageList.svelte +++ b/ome2024-ngff-challenge/src/ImageList.svelte @@ -59,6 +59,7 @@ margin: auto; flex: auto 1 1; overflow: hidden; + background-color: var(--background-color); } .row { diff --git a/ome2024-ngff-challenge/src/app.css b/ome2024-ngff-challenge/src/app.css index 12640e5..ad0062b 100644 --- a/ome2024-ngff-challenge/src/app.css +++ b/ome2024-ngff-challenge/src/app.css @@ -64,6 +64,7 @@ body { --bg-opacity: 0; background: black; color: #bbb; + --background-color: #222; --light-background: #222; --border-color: #333; --selected-background: #444; From c748218dd5e2d69241a2ac3be8483546418cbfaa Mon Sep 17 00:00:00 2001 From: William Moore Date: Mon, 28 Oct 2024 12:06:28 +0000 Subject: [PATCH 2/2] Fix background shading bug for About page in dark mode --- ome2024-ngff-challenge/src/app.css | 1 - 1 file changed, 1 deletion(-) diff --git a/ome2024-ngff-challenge/src/app.css b/ome2024-ngff-challenge/src/app.css index ad0062b..675347d 100644 --- a/ome2024-ngff-challenge/src/app.css +++ b/ome2024-ngff-challenge/src/app.css @@ -14,7 +14,6 @@ color-scheme: light dark; color: rgba(255, 255, 255, 0.87); - background-color: #242424; font-synthesis: none; text-rendering: optimizeLegibility;