Bug 1370929 - Update dark theme colours. r=dao draft
authorDale Harvey <dale@arandomurl.com>
Thu, 20 Jul 2017 16:22:58 +0100
changeset 616728 09945b5fab492f4f848f5e4852a400481ac64bbe
parent 616713 eb898389180abf04d7bb0c603a9e097671c3759e
child 639585 62187e128b10d3a1b5a66e7fd8e41272e5f31c76
push id70803
push userbmo:dharvey@mozilla.com
push dateThu, 27 Jul 2017 13:27:28 +0000
reviewersdao
bugs1370929
milestone56.0a1
Bug 1370929 - Update dark theme colours. r=dao MozReview-Commit-ID: rmfHwlHwpe
browser/themes/shared/compacttheme.inc.css
--- a/browser/themes/shared/compacttheme.inc.css
+++ b/browser/themes/shared/compacttheme.inc.css
@@ -14,16 +14,19 @@
 %endif
   --toolbarbutton-text-shadow: none;
   --backbutton-urlbar-overlap: 0px;
   /* 18px icon + 2 * 5px padding + 1 * 1px border */
   --forwardbutton-width: 29px;
 }
 
 :root:-moz-lwtheme-brighttext {
+
+%ifndef MOZ_PHOTON_THEME
+
   /* Chrome */
   --chrome-background-color: #272b35;
   --chrome-color: #F5F7FA;
   --chrome-secondary-background-color: #393F4C;
   --chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2);
   --chrome-nav-bar-separator-color: rgba(0,0,0,.2);
   --chrome-nav-buttons-background: #252C33;
   --chrome-nav-buttons-hover-background: #1B2127;
@@ -32,22 +35,50 @@
   --chrome-selection-background-color: #5675B9;
 
   /* Tabs */
   --tab-background-color: #272b35;
   --tab-hover-background-color: #07090a;
   --tab-selection-color: #f5f7fa;
   --tab-selection-background-color: #5675B9;
   --tab-selection-box-shadow: none;
-%ifndef MOZ_PHOTON_THEME
+
   --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, transparent 70%);
+
+
+%else
+
+  /* Chrome */
+  --chrome-background-color: hsl(240, 5%, 5%);
+  --chrome-color: #F5F7FA;
+  --chrome-secondary-background-color: hsl(240, 1%, 20%);
+  --chrome-navigator-toolbox-separator-color: hsla(240, 5%, 5%, .1);
+  --chrome-nav-bar-separator-color: rgba(0,0,0,.2);
+  --chrome-nav-buttons-background: hsla(240, 5%, 5%, .1);
+  --chrome-nav-buttons-hover-background: hsla(240, 5%, 5%, .15);
+  --chrome-nav-bar-controls-border-color: hsla(240, 5%, 5%, .3);
+  --chrome-selection-color: #fff;
+  --chrome-selection-background-color: #5675B9;
+
+  /* Tabs */
+  --tab-hover-background-color: hsla(240, 9%, 98%, .1);
+  --tab-selection-color: #f5f7fa;
+  --tab-selection-background-color: hsl(240, 1%, 20%);
+  --tab-selection-box-shadow: none;
+
+  --toolbarbutton-icon-fill-inverted: rgba(249, 249, 250, .7);
+
 %endif
 
   /* Url and search bars */
+%ifndef MOZ_PHOTON_THEME
   --url-and-searchbar-background-color: #171B1F;
+%else
+  --url-and-searchbar-background-color: hsla(0, 0%, 100%, .1);
+%endif
   --urlbar-separator-color: #5F6670;
   --urlbar-dropmarker-url: url("chrome://browser/skin/compacttheme/urlbar-history-dropmarker.svg");
   --urlbar-dropmarker-region: rect(0px, 11px, 14px, 0px);
   --urlbar-dropmarker-hover-region: rect(0, 22px, 14px, 11px);
   --urlbar-dropmarker-active-region: rect(0px, 33px, 14px, 22px);
   --urlbar-dropmarker-2x-url: url("chrome://browser/skin/compacttheme/urlbar-history-dropmarker.svg");
   --urlbar-dropmarker-2x-region: rect(0px, 11px, 14px, 0px);
   --urlbar-dropmarker-hover-2x-region: rect(0, 22px, 14px, 11px);