Fix avatar menu icons in darkmode

Signed-off-by: Joas Schilling <coding@schilljs.com>
3 years ago · de6c6829bc
parent 1dce303666
commit de6c6829bc
5 changed files with 19 additions and 2 deletions
--- a/core/css/apps.css
+++ b/core/css/apps.css
@ -958,6 +958,11 @@ kbd {
  border: 1px solid var(--color-border);
 }

+.contact .popovermenu ul > li > a > img,
+.popover__menu > li > a > img {
+  filter: var(--background-invert-if-dark);
+}
+
 .bubble,
 .app-navigation-entry-menu,
 .popovermenu {
--- a/core/css/apps.css.map
+++ b/core/css/apps.css.map
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@ -980,6 +980,13 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2);
 	}
 }

+.contact .popovermenu ul,
+.popover__menu {
+	> li > a > img {
+		 filter: var(--background-invert-if-dark);
+	}
+}
+
 .bubble,
 .app-navigation-entry-menu,
 .popovermenu {
--- a/core/css/server.css
+++ b/core/css/server.css
@ -3736,6 +3736,11 @@ kbd {
  border: 1px solid var(--color-border);
 }

+.contact .popovermenu ul > li > a > img,
+.popover__menu > li > a > img {
+  filter: var(--background-invert-if-dark);
+}
+
 .bubble,
 .app-navigation-entry-menu,
 .popovermenu {
--- a/core/css/server.css.map
+++ b/core/css/server.css.map