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/operator-icon.tsx

@@ -64,7 +64,7 @@ const OperatorIcon = ({ name, className }: IProps) => {
 
   if (name === Operator.Begin) {
     return (
-      <div className="inline-block p-1 bg-background-checked rounded-sm">
+      <div className="inline-block p-1 bg-accent-primary rounded-sm">
         <HousePlus className="rounded size-3" />
       </div>
     );