Feat: workflow dark mode (#17785)

web/app/components/workflow/nodes/loop/node.tsx

@@ -31,14 +31,14 @@ const Node: FC<NodeProps<LoopNodeType>> = ({
 
   return (
     <div className={cn(
-      'relative h-full min-h-[90px] w-full min-w-[240px] rounded-2xl bg-[#F0F2F7]/90',
+      'relative h-full min-h-[90px] w-full min-w-[240px] rounded-2xl bg-workflow-canvas-workflow-bg',
     )}>
       <Background
         id={`loop-background-${id}`}
         className='!z-0 rounded-2xl'
         gap={[14 / zoom, 14 / zoom]}
         size={2 / zoom}
-        color='#E4E5E7'
+        color='var(--color-workflow-canvas-workflow-dot-color)'
       />
       {
         data._isCandidate && (