Bug 1189976 - Make rules / separators in the Control Center panel lighter. r=ttaubert
authorDão Gottwald <dao@mozilla.com>
Wed, 05 Aug 2015 18:55:53 +0200
changeset 288054 d2a22e5315dd9409ce7d4e409ec6873a2fbc86c6
parent 288053 90922d258d627ab32fad50be611219258fab7611
child 288055 214d9846a4dbcbd73bc5a01985d9cd4c720cd52a
push id5067
push userraliiev@mozilla.com
push dateMon, 21 Sep 2015 14:04:52 +0000
treeherdermozilla-beta@14221ffe5b2f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersttaubert
bugs1189976
milestone42.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1189976 - Make rules / separators in the Control Center panel lighter. r=ttaubert
browser/themes/linux/browser.css
browser/themes/osx/browser.css
browser/themes/shared/controlcenter/panel.inc.css
browser/themes/windows/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -30,16 +30,18 @@
   --toolbarbutton-active-background: rgba(154,154,154,.5) linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,.4));
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(90%,90%,90%,.4);
 
   --toolbarbutton-combined-boxshadow: 0 0 0 1px hsla(0,0%,100%,.2);
   --toolbarbutton-combined-backgroundimage: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px);
 
   --identity-box-verified-background-color: #fff;
+
+  --panel-separator-color: ThreeDShadow;
 }
 
 #menubar-items {
   -moz-box-orient: vertical; /* for flex hack */
 }
 
 #main-menubar {
   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -39,16 +39,18 @@
   --toolbarbutton-combined-backgroundimage: linear-gradient(hsla(0,0%,0%,.15) 0, hsla(0,0%,0%,.15) 18px);
 
   --urlbar-dropmarker-url: url("chrome://browser/skin/urlbar-history-dropmarker.png");
   --urlbar-dropmarker-region: rect(0, 11px, 14px, 0);
   --urlbar-dropmarker-active-region: rect(0, 22px, 14px, 11px);
   --urlbar-dropmarker-2x-url: url("chrome://browser/skin/urlbar-history-dropmarker@2x.png");
   --urlbar-dropmarker-2x-region: rect(0, 22px, 28px, 0);
   --urlbar-dropmarker-active-2x-region: rect(0, 44px, 28px, 22px);
+
+  --panel-separator-color: hsla(210,4%,10%,.14);
 }
 
 #urlbar:-moz-lwtheme:not([focused="true"]),
 .searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
   opacity: .9;
 }
 
 #navigator-toolbox::after {
--- a/browser/themes/shared/controlcenter/panel.inc.css
+++ b/browser/themes/shared/controlcenter/panel.inc.css
@@ -65,17 +65,17 @@
 }
 
 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 3.5px;
 }
 
 .identity-popup-section:not(:first-child) {
-  border-top: 1px solid ThreeDShadow;
+  border-top: 1px solid var(--panel-separator-color);
 }
 
 #identity-popup-securityView,
 #identity-popup-security-content,
 #identity-popup-permissions-content,
 #tracking-protection-content {
   padding: 0.75em 0 1em;
   -moz-padding-start: calc(2em + 24px);
@@ -118,23 +118,23 @@
   background-color: Highlight;
   background-image: url("chrome://browser/skin/controlcenter/arrow-subview-back.svg"),
                     linear-gradient(rgba(255,255,255,0.3), transparent);
 }
 
 .identity-popup-expander > .button-box {
   padding: 0;
   -moz-appearance: none;
-  border: solid ThreeDShadow;
-  border-width: 0 0 0 1px;
+  border-style: none;
+  border-left: 1px solid var(--panel-separator-color);
 }
 
 .identity-popup-expander:-moz-focusring > .button-box,
 .identity-popup-expander[panel-multiview-anchor] > .button-box {
-  border: 0 none;
+  border-style: none;
 }
 
 .identity-popup-expander:hover {
   background-color: hsla(210,4%,10%,.07);
 }
 
 .identity-popup-expander:hover:active {
   background-color: hsla(210,4%,10%,.12);
@@ -201,17 +201,17 @@
 }
 
 #identity-popup-securityView.mixedActiveContent,
 #identity-popup-security-content.mixedActiveContent {
   background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg);
 }
 
 #identity-popup-securityView-header {
-  border-bottom: 1px solid ThreeDShadow;
+  border-bottom: 1px solid var(--panel-separator-color);
   padding-bottom: 1em;
   margin-bottom: 1em;
 }
 
 #identity-popup-content-owner {
   font-weight: 700;
 }
 
@@ -269,17 +269,17 @@
 /* FOOTER BUTTONS */
 
 #identity-popup-button-container {
   background-color: hsla(210,4%,10%,.07);
 }
 
 #identity-popup-more-info-button {
   border: none;
-  border-top: 1px solid ThreeDShadow;
+  border-top: 1px solid var(--panel-separator-color);
   background: transparent;
   -moz-appearance: none;
   margin-top: 5px;
   margin: 0;
 }
 
 #identity-popup-more-info-button > .button-box {
   -moz-appearance: none;
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -43,16 +43,18 @@
   --urlbar-dropmarker-url: url("chrome://browser/skin/urlbar-history-dropmarker.png");
   --urlbar-dropmarker-region: rect(0px, 11px, 14px, 0px);
   --urlbar-dropmarker-hover-region: rect(0px, 22px, 14px, 11px);
   --urlbar-dropmarker-active-region: rect(0px, 33px, 14px, 22px);
   --urlbar-dropmarker-2x-url: url("chrome://browser/skin/urlbar-history-dropmarker@2x.png");
   --urlbar-dropmarker-2x-region: rect(0, 22px, 28px, 0);
   --urlbar-dropmarker-hover-2x-region: rect(0, 44px, 28px, 22px);
   --urlbar-dropmarker-active-2x-region: rect(0, 66px, 28px, 44px);
+
+  --panel-separator-color: ThreeDLightShadow;
 }
 
 #menubar-items {
   -moz-box-orient: vertical; /* for flex hack */
 }
 
 #main-menubar {
   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */