Bug 1399886 - use photon colors for highlighted devtools toolbar icons;r=gl draft
authorJulian Descottes <jdescottes@mozilla.com>
Thu, 05 Oct 2017 17:07:24 +0200
changeset 675557 3c79e0c7f49e7f7239300ad833e15f1847dab39a
parent 675063 391f3567c2bdf319dcfd0a3b0c87f0479f85eabd
child 676020 c6fd4bd3b269690c786ba75dc63768679f946e69
push id83172
push userjdescottes@mozilla.com
push dateThu, 05 Oct 2017 15:07:58 +0000
reviewersgl
bugs1399886
milestone58.0a1
Bug 1399886 - use photon colors for highlighted devtools toolbar icons;r=gl MozReview-Commit-ID: LCEArSoizyk
devtools/client/themes/variables.css
--- 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;