Fix talk icons css

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>

1 files changed, 38 insertions, 35 deletions

diff --git a/css/icons.scss b/css/icons.scss
index 86d32950a..86b561eeb 100644
--- a/css/icons.scss
+++ b/css/icons.scss
@@ -8,49 +8,52 @@
 @include icon-black-white('emoji-smile', 'spreed', 1);
 @include icon-black-white('lobby', 'spreed', 1);
 
-// We always want to use the white icons, this is why we don't use var(--color-white) here.
-&.icon-public {
-  background-image: url(icon-color-path('public', 'actions', 'fff', 1, true));
-}
-&.icon-contacts {
-  background-image: url(icon-color-path('contacts', 'places', 'fff', 1, true));
-}
-&.icon-password {
-  background-image: url(icon-color-path('password', 'actions', 'fff', 1, true));
-}
-&.icon-file {
-  background-image: url(icon-color-path('text', 'filetypes', 'fff', 1, true));
-}
-&.icon-mail {
-  background-image: url(icon-color-path('mail', 'actions', 'fff', 1, true));
-}
-&.icon-changelog {
-  background-image: url('../img/changelog.svg');
-}
-
-&.forced-white {
-	&.icon-menu-people {
-		background-image: url(icon-color-path('menu-people', 'spreed', 'fff', 1));
+#call-container, #chat-view, #app-spreed, #talkChatTabView, #talk-sidebar, #videos {
+	// We always want to use the white icons, this is why we don't use var(--color-white) here.
+	.icon-public {
+		background-image: url(icon-color-path('public', 'actions', 'fff', 1, true));
 	}
-	&.icon-audio {
-		background-image: url(icon-color-path('audio', 'actions', 'fff', 1, true));
+	.icon-contacts {
+		background-image: url(icon-color-path('contacts', 'places', 'fff', 1, true));
 	}
-	&.icon-audio-off {
-		background-image: url(icon-color-path('audio-off', 'actions', 'fff', 1, true));
+	.icon-password {
+		background-image: url(icon-color-path('password', 'actions', 'fff', 1, true));
 	}
-	&.icon-video {
-		background-image: url(icon-color-path('video', 'actions', 'fff', 1, true));
+	.icon-file {
+		background-image: url(icon-color-path('text', 'filetypes', 'fff', 1, true));
 	}
-	&.icon-video-off {
-		background-image: url(icon-color-path('video-off', 'actions', 'fff', 1, true));
+	.icon-mail {
+		background-image: url(icon-color-path('mail', 'actions', 'fff', 1, true));
 	}
-	&.icon-screen {
-		background-image: url(icon-color-path('screen', 'actions', 'fff', 1, true));
+	.icon-changelog {
+		background-image: url('../img/changelog.svg');
 	}
-	&.icon-screen-off {
-		background-image: url(icon-color-path('screen-off', 'actions', 'fff', 1, true));
+	
+	.forced-white {
+		&.icon-menu-people {
+			background-image: url(icon-color-path('menu-people', 'spreed', 'fff', 1));
+		}
+		&.icon-audio {
+			background-image: url(icon-color-path('audio', 'actions', 'fff', 1, true));
+		}
+		&.icon-audio-off {
+			background-image: url(icon-color-path('audio-off', 'actions', 'fff', 1, true));
+		}
+		&.icon-video {
+			background-image: url(icon-color-path('video', 'actions', 'fff', 1, true));
+		}
+		&.icon-video-off {
+			background-image: url(icon-color-path('video-off', 'actions', 'fff', 1, true));
+		}
+		&.icon-screen {
+			background-image: url(icon-color-path('screen', 'actions', 'fff', 1, true));
+		}
+		&.icon-screen-off {
+			background-image: url(icon-color-path('screen-off', 'actions', 'fff', 1, true));
+		}
 	}
 }
 
+
 /* Show favorite icon in yellow instead of default black. */
 @include icon-color('star-dark', 'actions', 'FC0', 1, true);