Fix user status icon in avatar menu

Signed-off-by: Joas Schilling <coding@schilljs.com>

core/css/apps.css

@@ -938,6 +938,10 @@ kbd {
 .popover__menu > li > a > img {
   filter: var(--background-invert-if-dark);
 }
+.contact .popovermenu ul > li > a > img[src^=data],
+.popover__menu > li > a > img[src^=data] {
+  filter: none;
+}
 
 .bubble,
 .app-navigation-entry-menu,

core/css/apps.scss

@@ -973,7 +973,13 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2);
 .contact .popovermenu ul,
 .popover__menu {
 	> li > a > img {
-		 filter: var(--background-invert-if-dark);
+		filter: var(--background-invert-if-dark);
+
+		// We do not want to invert the color of the user_status emoji:
+		// https://github.com/nextcloud/nextcloud-vue/blob/8899087f8f8d45e0ed744bde9faa00b625a21905/src/components/NcAvatar/NcAvatar.vue#L495
+		&[src^="data"] {
+			filter: none;
+		}
 	}
 }
 

core/css/server.css

@@ -3634,6 +3634,10 @@ kbd {
 .popover__menu > li > a > img {
   filter: var(--background-invert-if-dark);
 }
+.contact .popovermenu ul > li > a > img[src^=data],
+.popover__menu > li > a > img[src^=data] {
+  filter: none;
+}
 
 .bubble,
 .app-navigation-entry-menu,