fix(ConversationIcon): force light background color for conversation …

[DorraJaouad]

…type when using light theme

☑️ Resolves

It is aligned with used theme.

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🚧 Tasks

• Code review

🏁 Checklist

• 🌏 Tested with Chrome, Firefox and Safari or should not be risky to browser differences
• 🖥️ Tested with Desktop client or should not be risky for it
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[Antreesy]

That's a problem of TopBar switching manually to dark mode in call, so I believe, that should be handled in Topbar itself. Here's my attempt to do ti:

+	<div class="top-bar" :style="topBarStyle" :data-theme-dark="isInCall">
 
+		topBarStyle() {
+			return {
+				'--original-color-main-background': window.getComputedStyle(document.body).getPropertyValue('--color-main-background')
+			}
+		},
+

+		:deep(.conversation-icon__type) {
+			border-color: var(--original-color-main-background) !important;
+			background-color: var(--original-color-main-background) !important;
+		}
 	}

[Antreesy]

Not sure that important is needed, but let's keep it just in case

[DorraJaouad]

Not sure that important is needed, but let's keep it just in case

Might be needed because colors are already set for the element and parent's style can be skipped.