Feat: Configure colors according to the design draft#3221 (#9301)

### What problem does this PR solve?

Feat: Configure colors according to the design draft#3221

### Type of change


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

web/src/pages/agent/log-sheet/workFlowTimeline.tsx

@@ -254,7 +254,7 @@ export const WorkFlowTimeline = ({
                   <Accordion
                     type="single"
                     collapsible
-                    className="bg-background-card px-3"
+                    className="bg-bg-card px-3"
                   >
                     <AccordionItem value={idx.toString()}>
                       <AccordionTrigger