From 243bb135377fe23fd9f36f8ed8e4b2d1ccb5a20e Mon Sep 17 00:00:00 2001
From: vkuchenik <vkuchenik@contractor.usgs.gov>
Date: Mon, 14 Sep 2026 15:50:28 -0700
Subject: [PATCH] fix color mode button bg to be transparent on hover

---
 client/src/theme.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/src/theme.js b/client/src/theme.js
index 28c04bf..63eba44 100644
--- a/client/src/theme.js
+++ b/client/src/theme.js
@@ -191,6 +191,13 @@ const sidebarRecipe = defineSlotRecipe({
     collapse_button: {
       "& svg": {flexShrink: "0"},
     },
+    color_mode_button: {
+      "& button": {
+        _hover: {
+          bg: "transparent",
+        },
+      }
+    }
     // opened_theme_button: {
     //   width: "100%",
     //   align: "center",