Bug 1399886 - use photon colors for highlighted devtools toolbar icons;r=gl
MozReview-Commit-ID: LCEArSoizyk
--- a/devtools/client/themes/variables.css
+++ b/devtools/client/themes/variables.css
@@ -22,17 +22,17 @@
--theme-contrast-background: #e6b064;
/* Toolbar */
--theme-tab-toolbar-background: var(--grey-10);
--theme-toolbar-background: var(--grey-10);
--theme-toolbar-color: var(--grey-90);
--theme-toolbar-selected-color: var(--blue-60);
--theme-toolbar-checked-color: var(--blue-60);
- --theme-toolbar-highlighted-color: #5FC749;
+ --theme-toolbar-highlighted-color: var(--green-60);
--theme-toolbar-background-hover: rgba(221, 225, 228, 0.66);
--theme-toolbar-background-alt: #f5f5f5;
--theme-toolbar-hover: var(--grey-20);
--theme-toolbar-hover-active: var(--grey-20);
/* Selection */
--theme-selection-background: var(--blue-55);
--theme-selection-background-hover: #F0F9FE;
@@ -107,17 +107,17 @@
--theme-contrast-background: #ffb35b;
/* Toolbar */
--theme-tab-toolbar-background: var(--grey-90);
--theme-toolbar-background: var(--grey-90);
--theme-toolbar-color: var(--grey-40);
--theme-toolbar-selected-color: white;
--theme-toolbar-checked-color: #75BFFF;
- --theme-toolbar-highlighted-color: #5FC749;
+ --theme-toolbar-highlighted-color: var(--green-50);
--theme-toolbar-background-hover: #20232B;
--theme-toolbar-background-alt: #2F343E;
--theme-toolbar-hover: #252526;
--theme-toolbar-hover-active: #252526;
/* Selection */
--theme-selection-background: #204E8A;
--theme-selection-background-hover: #353B48;
@@ -293,16 +293,18 @@
--blue-50: #0a84ff;
--blue-55: #0074e8;
--blue-60: #0060df;
--blue-70: #003eaa;
--red-70: #a4000f;
+ --green-50: #30e60b;
+ --green-60: #12bc00;
--green-70: #058b00;
--yellow-80: #715100;
--grey-10: #f9f9fa;
--grey-20: #ededf0;
--grey-30: #d7d7db;
--grey-40: #b1b1b3;