Feat: Set the color of the canvas's control button infiniflow#3851 (i…

…nfiniflow#4053) ### What problem does this PR solve? Feat: Set the color of the canvas's control button infiniflow#3851 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
learnerLj · Dec 19, 2024 · 080903d · 080903d
1 parent f003100
commit 080903d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/web/src/components/theme-provider.tsx b/web/src/components/theme-provider.tsx
@@ -58,3 +58,9 @@ export const useTheme = () => {
 
   return context;
 };
+
+export const useIsDarkTheme = () => {
+  const { theme } = useTheme();
+
+  return theme === 'dark';
+};
diff --git a/web/src/pages/flow/canvas/index.tsx b/web/src/pages/flow/canvas/index.tsx
@@ -103,6 +103,8 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
     hideSingleDebugDrawer,
   } = useShowSingleDebugDrawer();
 
+  const controlIconClassname = 'text-black';
+
   const { formDrawerVisible, hideFormDrawer, showFormDrawer, clickedNode } =
     useShowFormDrawer();
 
@@ -229,7 +231,7 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
             <TooltipProvider>
               <Tooltip>
                 <TooltipTrigger asChild>
-                  <FolderInput />
+                  <FolderInput className={controlIconClassname} />
                 </TooltipTrigger>
                 <TooltipContent>Import</TooltipContent>
               </Tooltip>
@@ -239,7 +241,7 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
             <TooltipProvider>
               <Tooltip>
                 <TooltipTrigger asChild>
-                  <FolderOutput />
+                  <FolderOutput className={controlIconClassname} />
                 </TooltipTrigger>
                 <TooltipContent>Export</TooltipContent>
               </Tooltip>