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/form-sheet/single-debug-sheet/index.tsx

@@ -64,7 +64,7 @@ const SingleDebugSheet = ({
           {!isEmpty(data) ? (
             <div
               className={cn('mt-4 rounded-md border', {
-                [`border-text-delete-red`]: !isEmpty(data._ERROR),
+                [`border-state-error`]: !isEmpty(data._ERROR),
               })}
             >
               <div className="flex justify-between p-2">