From df3f962f4707bccc6100001ad1b9bffee95d5d0c Mon Sep 17 00:00:00 2001
From: Timo <toger5@hotmail.de>
Date: Wed, 25 Jun 2025 11:12:25 +0200
Subject: [PATCH] Style header icon color as desired and switch earpice/speaker
 icon

---
 src/AppBar.module.css   | 4 ++--
 src/room/InCallView.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/AppBar.module.css b/src/AppBar.module.css
index 805b7802..d8954759 100644
--- a/src/AppBar.module.css
+++ b/src/AppBar.module.css
@@ -11,8 +11,8 @@
   z-index: var(--call-view-header-footer-layer);
 }
 
-.bar svg {
-  color: var(--cpd-color-icon-primary);
+.bar svg path {
+  fill: var(--cpd-color-icon-primary);
 }
 
 .bar > header > h1 {
diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index 21c86f7f..0538a935 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -458,7 +458,7 @@ export const InCallView: FC<InCallViewProps> = ({
   useAppBarSecondaryButton(
     useMemo(() => {
       if (toggleEarpieceMode === null) return null;
-      const Icon = earpieceMode ? EarpieceIcon : VolumeOnSolidIcon;
+      const Icon = earpieceMode ? VolumeOnSolidIcon : EarpieceIcon;
       return (
         <Tooltip
           label={