Merge branch 'claude/reverent-ramanujan-8f9244': dark-theme action-button hovers
build / build (push) Successful in 10m57s
build / build (push) Successful in 10m57s
This commit is contained in:
@@ -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 <ci@s3-gateway.local>
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user