fix: qa feedback - fixed call UI center label text color and removed text-shadow

ts/components/calling/InConversationCallContainer.tsx

@@ -69,7 +69,6 @@ const StyledCenteredLabel = styled.div`
   height: min-content;
   white-space: nowrap;
   color: var(--in-call-container-text-color);
-  text-shadow: var(--in-call-container-text-shadow);
   z-index: 5;
 `;
 

ts/themes/classicDark.ts

@@ -141,8 +141,7 @@ export const classicDark: ThemeColorVariables = {
   '--input-border-color': 'var(--border-color)',
 
   '--in-call-container-background-color': 'var(--background-primary-color)',
-  '--in-call-container-text-color': 'var(--white-color)',
+  '--in-call-container-text-color': 'var(--text-primary-color)',
-  '--in-call-container-text-shadow': '0px 0px 8px var(--text-primary-color)',
 
   '--call-buttons-background-color': THEMES.CLASSIC_DARK.COLOR3,
   '--call-buttons-background-hover-color': THEMES.CLASSIC_DARK.COLOR4,

ts/themes/classicLight.ts

@@ -141,8 +141,7 @@ export const classicLight: ThemeColorVariables = {
   '--input-border-color': 'var(--border-color)',
 
   '--in-call-container-background-color': 'var(--background-primary-color)',
-  '--in-call-container-text-color': 'var(--white-color)',
+  '--in-call-container-text-color': 'var(--text-primary-color)',
-  '--in-call-container-text-shadow': '0px 0px 8px var(--text-primary-color)',
 
   '--call-buttons-background-color': THEMES.CLASSIC_LIGHT.COLOR3,
   '--call-buttons-background-hover-color': THEMES.CLASSIC_LIGHT.COLOR4,

ts/themes/oceanDark.ts

@@ -142,8 +142,7 @@ export const oceanDark: ThemeColorVariables = {
   '--input-border-color': 'var(--border-color)',
 
   '--in-call-container-background-color': 'var(--background-primary-color)',
-  '--in-call-container-text-color': 'var(--white-color)',
+  '--in-call-container-text-color': 'var(--text-primary-color)',
-  '--in-call-container-text-shadow': '0px 0px 8px var(--text-primary-color)',
 
   '--call-buttons-background-color': THEMES.OCEAN_DARK.COLOR4,
   '--call-buttons-background-hover-color': THEMES.OCEAN_DARK.COLOR4,

ts/themes/oceanLight.ts

@@ -142,8 +142,7 @@ export const oceanLight: ThemeColorVariables = {
   '--input-border-color': 'var(--border-color)',
 
   '--in-call-container-background-color': 'var(--background-primary-color)',
-  '--in-call-container-text-color': 'var(--white-color)',
+  '--in-call-container-text-color': 'var(--text-primary-color)',
-  '--in-call-container-text-shadow': '0px 0px 8px var(--text-primary-color)',
 
   '--call-buttons-background-color': THEMES.OCEAN_LIGHT.COLOR4,
   '--call-buttons-background-hover-color': THEMES.OCEAN_LIGHT.COLOR4,

ts/themes/variableColors.tsx

@@ -177,7 +177,6 @@ export type ThemeColorVariables = {
   /* In Call Container */
   '--in-call-container-background-color': string;
   '--in-call-container-text-color': string;
-  '--in-call-container-text-shadow': string;
 
   /* Call Buttons */
   '--call-buttons-background-color': string;