Fix visibility icons in dark mode

nerfstudio-project · Mar 30, 2024 · 3f8725e · 3f8725e
1 parent 43f2779
commit 3f8725e
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/viser/client/src/ControlPanel/SceneTreeTable.tsx b/src/viser/client/src/ControlPanel/SceneTreeTable.tsx
@@ -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);