Feat: Replace color variables according to design draft #3221 (#9305)

### What problem does this PR solve?

Feat: Replace color variables according to design draft #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/canvas/edge/index.tsx

@@ -90,7 +90,7 @@ function InnerButtonEdge({
         path={edgePath}
         markerEnd={markerEnd}
         style={{ ...style, ...selectedStyle, ...highlightStyle }}
-        className="text-text-sub-title"
+        className="text-text-secondary"
       />
 
       <EdgeLabelRenderer>
@@ -108,7 +108,7 @@ function InnerButtonEdge({
         >
           <button
             className={cn(
-              'size-3.5 border border-text-delete-red text-text-delete-red rounded-full leading-none',
+              'size-3.5 border border-state-error text-state-error rounded-full leading-none',
               'invisible',
               { visible },
             )}