Merge pull request #25229 from nextcloud/bugfix/noid/darkmode-popover…

…-adjustments Dark mode adjustments for popover
nextcloud · Jan 20, 2021 · c686f8a · c686f8a
2 parents 4c81f5c + 6e2c652
commit c686f8a
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/apps/accessibility/css/dark.scss b/apps/accessibility/css/dark.scss
@@ -53,11 +53,12 @@ $color-border-dark: lighten($color-main-background, 14%);
 
 .bubble,
 .app-navigation-entry-menu,
-.popovermenu {
+.popovermenu,
+.popover__menu {
 	li {
 		> button,
 		> a,
-		> .menuitem {
+		> .menuitem, > .popover__menuitem {
 			> img {
 				filter: invert(100%);
 			}
@@ -71,6 +72,22 @@ $color-border-dark: lighten($color-main-background, 14%);
 	border: 1px solid var(--color-border);
 }
 
+.popover[x-placement^='top'] .popover__arrow {
+	border-top-color: var(--color-border);
+}
+.popover[x-placement^='bottom'] .popover__arrow {
+	border-bottom-color: var(--color-border);
+}
+.popover[x-placement^='left'] .popover__arrow {
+	border-left-color: var(--color-border);
+}
+.popover[x-placement^='right'] .popover__arrow {
+	border-right-color: var(--color-border);
+}
+.popover .popover__inner {
+	border: 1px solid var(--color-border);
+}
+
 // Prevent slideshow icons from going dark
 #slideshow {
 	[class^='icon-'], [class*=' icon-']{