From 3e41b462e4ee66c2ab8d4deffd9e858f821d1fe1 Mon Sep 17 00:00:00 2001
From: Brent Yi <yibrenth@gmail.com>
Date: Fri, 29 Mar 2024 20:44:12 -0700
Subject: [PATCH] Fix visibility icons in dark mode

---
 src/viser/client/src/ControlPanel/SceneTreeTable.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/viser/client/src/ControlPanel/SceneTreeTable.tsx b/src/viser/client/src/ControlPanel/SceneTreeTable.tsx
index 6090a13bf..ee42fe82e 100644
--- a/src/viser/client/src/ControlPanel/SceneTreeTable.tsx
+++ b/src/viser/client/src/ControlPanel/SceneTreeTable.tsx
@@ -1,5 +1,5 @@
 import { ViewerContext } from "../App";
-import { Box, Stack, Tooltip, useMantineTheme } from "@mantine/core";
+import { Box, Stack, Tooltip } from "@mantine/core";
 import {
   IconCaretDown,
   IconCaretRight,
@@ -79,7 +79,6 @@ const SceneTreeTableRow = React.memo(function SceneTreeTableRow(props: {
   const isVisibleEffective = isVisible && props.isParentVisible;
   const VisibleIcon = isVisible ? IconEye : IconEyeOff;
 
-  const theme = useMantineTheme();
   return (
     <>
       <Box
@@ -103,10 +102,12 @@ const SceneTreeTableRow = React.memo(function SceneTreeTableRow(props: {
             <IconCaretRight className={caretIcon} />
           )}
         </Box>
-        <Tooltip label="Click to override visibility">
+        <Tooltip label="Override visibility">
           <VisibleIcon
-            color={theme.colors.gray[isVisibleEffective ? 3 : 6]}
-            style={{ cursor: "pointer" }}
+            style={{
+              cursor: "pointer",
+              opacity: isVisibleEffective ? 0.85 : 0.25,
+            }}
             onClick={(evt) => {
               evt.stopPropagation();
               setOverrideVisibility(props.nodeName, !isVisible);