--- 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);