Bug 1382187 - Theme specific filter added to devtools notification bar 'close' icon. r=Honza

MozReview-Commit-ID: LpWRhJpUW24

--HG--
extra : rebase_source : 1cb59fa926c5475be1f12eee13e6f4443bbc1c3c

devtools/client/shared/components/notification-box.css

@@ -83,7 +83,7 @@
   background-color: transparent;
   background-repeat: no-repeat;
   border-radius: 11px;
-  filter: invert(0);
+  filter: var(--theme-messageCloseButtonFilter);
 }
 
 .notificationbox .messageCloseButton:hover {

devtools/client/themes/variables.css

@@ -98,6 +98,7 @@
   --theme-command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus);
 
   --theme-codemirror-gutter-background: #f4f4f4;
+  --theme-messageCloseButtonFilter: invert(0);
 }
 
 :root.theme-dark {
@@ -182,6 +183,7 @@
   --theme-command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus);
 
   --theme-codemirror-gutter-background: #262b37;
+  --theme-messageCloseButtonFilter: invert(1);
 }
 
 :root.theme-firebug {