From: Georg Ehrke <developer@georgehrke.com>
Date: Tue, 25 Aug 2020 16:08:46 +0000 (+0200)
Subject: User-status: Fix icon coloring
X-Git-Tag: v20.0.0beta2~4^2
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=8b97e28efbfd3c6d7fcfe0188ca7322c4dccb90a;p=nextcloud-server.git

User-status: Fix icon coloring

Signed-off-by: Georg Ehrke <developer@georgehrke.com>
---

diff --git a/apps/user_status/css/user-status-menu.scss b/apps/user_status/css/user-status-menu.scss
index bb6aab0fe2d..09dfd3124f8 100644
--- a/apps/user_status/css/user-status-menu.scss
+++ b/apps/user_status/css/user-status-menu.scss
@@ -28,16 +28,23 @@ body.theme--dark .icon-user-status {
 	@include icon-color('app', 'user_status', $color-white, 1);
 }
 
+.icon-user-status-online {
+	background-image: url('../img/user-status-online.svg');
+}
+
 .icon-user-status-away {
-	@include icon-color('user-status-away', 'user_status', '#F4A331', 2);
+	background-image: url('../img/user-status-away.svg');
 }
 
 .icon-user-status-dnd {
-	@include icon-color('user-status-dnd', 'user_status', '#ED484C', 2);
+	background-image: url('../img/user-status-dnd.svg');
 }
 
-@include icon-black-white('user-status-invisible', 'user_status', 3);
+// TODO: debug why icon-black-white does not work here
+.icon-user-status-invisible {
+	@include icon-color('user-status-invisible', 'user_status', $color-black, 1);
+}
 
-.icon-user-status-online {
-	@include icon-color('user-status-online', 'user_status', '#49B382', 3);
+body.theme--dark .icon-user-status-invisible {
+	@include icon-color('user-status-invisible', 'user_status', $color-white, 1);
 }