From 29a81b72a397e80a7e86103372e8c693f2c608cb Mon Sep 17 00:00:00 2001 From: William Gill Date: Tue, 30 Jun 2026 10:41:15 -0500 Subject: [PATCH] =?UTF-8?q?patches:=20dark=20theme=20=E2=80=94=20fix=20Exp?= =?UTF-8?q?lorer=20action-button=20hover=20states?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Each Explorer row's action icons (Info, Download, Generate URL, Delete) tint themselves on hover via Tailwind hover:bg-*-50 / hover:text-charcoal utilities, but the dark-mode override layer only re-pointed the non-hover utilities. The hover: variants fell through to Tailwind's light defaults: Generate URL (hover:bg-blue-50) and Delete (hover:bg-red-50) flashed a near-white box (#eff6ff / #fef2f2), and Info (hover:text-charcoal) drove the icon to the near-black charcoal DEFAULT (#12121a), vanishing on the dark page. Download looked fine only because its hover:bg-accent-50 maps to the custom dark accent-50 (#172554). Re-point the four hover variants to the same translucent 0.13-alpha tints used elsewhere, and lift text-red-500 (the delete icons' rest colour) to the themed red-400 #f87171 like the other reds. These are utility-class overrides, so they also fix the bucket / folder / version delete icons and the modal close buttons. Folded into 0002-webui-dark-theme.patch. Co-Authored-By: Claude Opus 4.8 --- patches/v1.6.0/0002-webui-dark-theme.patch | 27 +++++++++++++++++----- 1 file changed, 21 insertions(+), 6 deletions(-) diff --git a/patches/v1.6.0/0002-webui-dark-theme.patch b/patches/v1.6.0/0002-webui-dark-theme.patch index 7531186..504146f 100644 --- a/patches/v1.6.0/0002-webui-dark-theme.patch +++ b/patches/v1.6.0/0002-webui-dark-theme.patch @@ -1,4 +1,4 @@ -From 0407db90dd922b1edf310b227d140b9d66b0685a Mon Sep 17 00:00:00 2001 +From 4ebc5609be9e5c86ffd2d55048c87acda570ac5f Mon Sep 17 00:00:00 2001 From: s3-gateway CI Date: Mon, 29 Jun 2026 10:34:49 -0500 Subject: [PATCH] webui: dark theme (kanrisha palette, indigo on near-black) @@ -26,15 +26,15 @@ light from-surface/to-white gradient becomes a solid dark surface): Downstream cosmetic patch for de-branded s3-gateway builds. Base: v1.6.0. --- - webui/web/assets/css/fonts.css | 47 +++++ + webui/web/assets/css/fonts.css | 47 ++++ webui/web/assets/css/tailwind-config.js | 51 +++-- - webui/web/assets/css/theme.css | 197 ++++++++++++++++-- + webui/web/assets/css/theme.css | 212 ++++++++++++++++-- webui/web/assets/fonts/inter-latin-ext.woff2 | Bin 0 -> 85068 bytes webui/web/assets/fonts/inter-latin.woff2 | Bin 0 -> 48256 bytes .../fonts/jetbrains-mono-latin-ext.woff2 | Bin 0 -> 11624 bytes .../assets/fonts/jetbrains-mono-latin.woff2 | Bin 0 -> 31432 bytes webui/web/index.html | 2 +- - 8 files changed, 253 insertions(+), 44 deletions(-) + 8 files changed, 268 insertions(+), 44 deletions(-) create mode 100644 webui/web/assets/fonts/inter-latin-ext.woff2 create mode 100644 webui/web/assets/fonts/inter-latin.woff2 create mode 100644 webui/web/assets/fonts/jetbrains-mono-latin-ext.woff2 @@ -171,7 +171,7 @@ index 826e03d..eed94fb 100644 } } diff --git a/webui/web/assets/css/theme.css b/webui/web/assets/css/theme.css -index 7fb36be..402bd53 100644 +index 7fb36be..39968e6 100644 --- a/webui/web/assets/css/theme.css +++ b/webui/web/assets/css/theme.css @@ -16,10 +16,23 @@ @@ -320,7 +320,7 @@ index 7fb36be..402bd53 100644 cursor: pointer; } .advanced-options { -@@ -190,6 +203,144 @@ input:checked + .toggle-slider:before { +@@ -190,6 +203,159 @@ input:checked + .toggle-slider:before { } /* Explorer */ @@ -468,6 +468,21 @@ index 7fb36be..402bd53 100644 +.text-purple-700 { color: #c084fc !important; } +.text-indigo-600, +.text-indigo-700 { color: #818cf8 !important; } ++ ++/* Action-icon buttons (Explorer rows, modals) tint themselves on hover ++ * with hover:bg-*-50 / hover:text-charcoal. The base layer above only ++ * re-points the non-hover utilities, so the hover variants kept Tailwind's ++ * near-white bg-blue-50 / bg-red-50 fills and the dark charcoal text — a ++ * glaring white box (Generate URL, Delete) or a vanishing icon (Info) on ++ * hover. Re-point the hover variants to the same translucent tints. */ ++.hover\:bg-accent-50:hover { background-color: rgba(59, 130, 246, 0.13) !important; } ++.hover\:bg-blue-50:hover { background-color: rgba(59, 130, 246, 0.13) !important; } ++.hover\:bg-red-50:hover { background-color: rgba(239, 68, 68, 0.13) !important; } ++.hover\:text-charcoal:hover { color: #e6e6ed !important; } ++ ++/* Delete icons use text-red-500, one shade below the lifted reds above — ++ * lift it too so the trash icons match the themed red at rest. */ ++.text-red-500 { color: #f87171 !important; } diff --git a/webui/web/assets/fonts/inter-latin-ext.woff2 b/webui/web/assets/fonts/inter-latin-ext.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..479d010d2902fa3a5b48e84a973db1978b2e9949