fix colors and styles

rishikanthc · rishikanthc · commit 5e5dc17a133a · 2025-12-29T21:11:47.000-08:00
diff --git a/web/frontend/src/components/Header.tsx b/web/frontend/src/components/Header.tsx
@@ -233,7 +233,7 @@ export function Header({ onFileSelect, onMultiTrackClick, onDownloadComplete }:
 								onClick={handleSystemRecordClick}
 								className="group flex items-center gap-3 px-3 py-3 cursor-pointer rounded-[var(--radius-btn)] focus:bg-[var(--brand-light)] focus:text-[var(--brand-solid)] transition-colors"
 							>
-								<div className="p-2 bg-cyan-500/10 rounded-[var(--radius-btn)] text-cyan-600 group-focus:text-[var(--brand-solid)]">
+								<div className="p-2 bg-blue-500/10 rounded-[var(--radius-btn)] text-blue-600 group-focus:text-[var(--brand-solid)]">
 									<MonitorSpeaker className="h-4 w-4" />
 								</div>
 								<div>

Original file line number	Diff line number	Diff line change
`@@ -233,7 +233,7 @@ export function Header({ onFileSelect, onMultiTrackClick, onDownloadComplete }:`
`233`	`233`	`onClick={handleSystemRecordClick}`
`234`	`234`	`className="group flex items-center gap-3 px-3 py-3 cursor-pointer rounded-[var(--radius-btn)] focus:bg-[var(--brand-light)] focus:text-[var(--brand-solid)] transition-colors"`
`235`	`235`	`>`
`236`		`- <div className="p-2 bg-cyan-500/10 rounded-[var(--radius-btn)] text-cyan-600 group-focus:text-[var(--brand-solid)]">`
	`236`	`+ <div className="p-2 bg-blue-500/10 rounded-[var(--radius-btn)] text-blue-600 group-focus:text-[var(--brand-solid)]">`
`237`	`237`	`<MonitorSpeaker className="h-4 w-4" />`
`238`	`238`	`</div>`
`239`	`239`	`<div>`