Bug 1346496 - Make the .msgHeaderView-button border less prominent with [brighttext]. r=aceman a=jorgk DONTBUILD
authorRichard Marti <richard.marti@gmail.com>
Sat, 11 Mar 2017 13:03:15 +0100
changeset 24419 4924f4bdd777fdeb59fff28fff31ab7800ee246b
parent 24418 b6e64aef8ddddc08446658426b5b1fcbedae2039
child 24420 0aa8d3fae0349e31482008b9f52e8f93b713fcd2
push id2029
push usermozilla@jorgk.com
push dateWed, 15 Mar 2017 16:56:41 +0000
treeherdercomm-aurora@4924f4bdd777 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersaceman, jorgk
bugs1346496
Bug 1346496 - Make the .msgHeaderView-button border less prominent with [brighttext]. r=aceman a=jorgk DONTBUILD
mail/themes/linux/mail/messageHeader.css
mail/themes/linux/mail/messenger.css
mail/themes/osx/mail/messageHeader.css
mail/themes/osx/mail/messenger.css
mail/themes/windows/mail/messageHeader.css
mail/themes/windows/mail/messenger.css
--- a/mail/themes/linux/mail/messageHeader.css
+++ b/mail/themes/linux/mail/messageHeader.css
@@ -133,17 +133,17 @@
   min-width: 28px;
   padding-top: 0;
   padding-bottom: 0;
   list-style-image: none; /* overrides the rule from primaryToolbar.css */
 }
 
 .toolbarbutton-1.msgHeaderView-button {
   background: var(--toolbarbutton-hover-background);
-  border-color: var(--toolbarbutton-hover-bordercolor);
+  border-color: var(--toolbarbutton-header-bordercolor);
 }
 
 .toolbarbutton-1.msgHeaderView-button:not([disabled=true]):not([checked=true]):not([open]):not(:active):hover {
   background: var(--toolbarbutton-active-background);
   border-color: var(--toolbarbutton-active-bordercolor);
 }
 
 /* toolbar[mode="text"] is necessary so that we end up with more specificity
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -14,16 +14,17 @@
   --toolbarHighlight: rgba(255, 255, 255, .4);
   --fgTabTexture: linear-gradient(transparent 2px, var(--toolbarHighlight) 2px, var(--toolbarHighlight));
   --fgTabTextureLWT: var(--fgTabTexture);
   --fgTabBackgroundColor: -moz-dialog;
 
   --toolbarbutton-text-color: #222;
   --toolbarbutton-hover-background: rgba(255, 255, 255, .5) linear-gradient(rgba(255, 255, 255, .5), transparent);
   --toolbarbutton-hover-bordercolor: rgba(0, 0, 0, .25);
+  --toolbarbutton-header-bordercolor: rgba(0, 0, 0, .25);
   --toolbarbutton-hover-boxshadow: none;
 
   --toolbarbutton-active-background: rgba(154, 154, 154, .5) linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .4));
   --toolbarbutton-active-bordercolor: rgba(0, 0, 0, .3);
   --toolbarbutton-active-boxshadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 0 1px rgba(0, 0, 0, .3) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(200, 200, 200, .5);
 
@@ -33,30 +34,32 @@
 #header-view-toolbar[brighttext],
 #ab-toolbox > toolbar[brighttext],
 .mail-toolbox > toolbar[brighttext],
 #event-toolbox > toolbar[brighttext],
 #compose-toolbox > toolbar[brighttext] {
   --toolbarbutton-text-color: #fff;
   --toolbarbutton-hover-background: rgba(255, 255, 255, .25);
   --toolbarbutton-hover-bordercolor: rgba(255, 255, 255, .5);
+  --toolbarbutton-header-bordercolor: rgba(255, 255, 255, .25);
 
   --toolbarbutton-active-background: rgba(255, 255, 255, .4);
   --toolbarbutton-active-bordercolor: rgba(255, 255, 255, .7);
   --toolbarbutton-active-boxshadow: 0 0 0 1px rgba(255, 255, 255, .4) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(255, 255, 255, .5);
 }
 
 #ab-toolbox > toolbar:-moz-lwtheme,
 .mail-toolbox > toolbar:-moz-lwtheme,
 #compose-toolbox > toolbar:-moz-lwtheme {
   --toolbarbutton-text-color: currentColor;
   --toolbarbutton-hover-background: rgba(255, 255, 255, .25);
   --toolbarbutton-hover-bordercolor: rgba(0, 0, 0, .2);
+  --toolbarbutton-header-bordercolor: rgba(0, 0, 0, .2);
 
   --toolbarbutton-active-background: rgba(70%, 70%, 70%, .25);
   --toolbarbutton-active-bordercolor: rgba(0, 0, 0, .3);
   --toolbarbutton-active-boxshadow: 0 0 2px rgba(0, 0, 0, .6) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(85%, 85%, 85%, .25);
 }
 
--- a/mail/themes/osx/mail/messageHeader.css
+++ b/mail/themes/osx/mail/messageHeader.css
@@ -157,17 +157,17 @@ attachmentlist:focus >attachmentitem[sel
 
 /* Override primaryToolbar.css rules to give a button appearance */
 
 .toolbarbutton-1.msgHeaderView-button {
   max-height: 22px;
   margin: 0;
   margin-inline-start: 4px;
   vertical-align: middle;
-  border: 1px solid var(--toolbarbutton-hover-bordercolor);
+  border: 1px solid var(--toolbarbutton-header-bordercolor);
   border-radius: 3px;
   background: var(--toolbarbutton-hover-background);
 }
 
 .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-button,
 .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-dropmarker,
 .toolbarbutton-1.msgHeaderView-button:hover > .toolbarbutton-menubutton-button,
 .toolbarbutton-1.msgHeaderView-button:hover > .toolbarbutton-menubutton-dropmarker {
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -15,16 +15,17 @@
   --toolbarColorLWT: rgba(253, 253, 253, 0.45);
   --fgTabTextureLWT: linear-gradient(transparent 2px, rgba(254, 254, 254, .72) 2px, var(--toolbarColorLWT));
   --fgTabBackgroundColor: transparent;
 
   --toolbarbutton-hover-background: hsla(0, 0%, 100%, .1)
                                     linear-gradient(hsla(0, 0%, 100%, .3),
                                     hsla(0, 0%, 100%, .1)) padding-box;
   --toolbarbutton-hover-bordercolor: hsla(0, 0%, 0%, .2);
+  --toolbarbutton-header-bordercolor: hsla(0, 0%, 0%, .2);
   --toolbarbutton-hover-boxshadow: 0 1px 0 hsla(0, 0%, 100%, .5),
                                    0 1px 0 hsla(0, 0%, 100%, .5) inset;
 
   --toolbarbutton-active-background: hsla(0, 0%, 0%, .02)
                                      linear-gradient(hsla(0, 0%, 0%, .12),
                                      transparent) border-box;
   --toolbarbutton-active-bordercolor: hsla(0, 0%, 0%, .3);
   --toolbarbutton-active-boxshadow: 0 1px 0 hsla(0, 0%, 100%, .5),
--- a/mail/themes/windows/mail/messageHeader.css
+++ b/mail/themes/windows/mail/messageHeader.css
@@ -364,17 +364,17 @@ mail-emailaddress[selected="true"] .emai
     padding-inline-start: 3px !important;
     padding-inline-end: 3px !important;
   }
 
   .toolbarbutton-1.msgHeaderView-button,
   .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-button,
   .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-dropmarker {
     background: var(--toolbarbutton-hover-background);
-    border-color: var(--toolbarbutton-hover-bordercolor);
+    border-color: var(--toolbarbutton-header-bordercolor);
   }
 
   .toolbarbutton-1.msgHeaderView-button:not([disabled=true]):-moz-any(:hover,[open]) >
   .toolbarbutton-menubutton-button,
   .toolbarbutton-1.msgHeaderView-button:not([disabled=true]):-moz-any(:hover,[open]) >
   .toolbarbutton-menubutton-dropmarker,
   .toolbarbutton-1.msgHeaderView-button:not([disabled=true]):not([checked=true]):not([open]):not(:active):hover,
   .toolbarbutton-1.msgHeaderView-button:not([buttonover]):not([open]):not(:active):hover >
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -16,16 +16,17 @@
   --fgTabBackgroundColor: -moz-dialog;
   --fgTabTextureLWT: var(--fgTabTexture);
 
   /* Aero-only variables */
   --customToolbarColor: hsl(210, 75%, 92%);
 
   --toolbarbutton-hover-background: rgba(0, 0, 0, .1);
   --toolbarbutton-hover-bordercolor: rgba(0, 0, 0, .1);
+  --toolbarbutton-header-bordercolor: rgba(0, 0, 0, .1);
   --toolbarbutton-hover-boxshadow: none;
 
   --toolbarbutton-active-background: rgba(0, 0, 0, .15);
   --toolbarbutton-active-bordercolor: rgba(0, 0, 0, .15);
   --toolbarbutton-active-boxshadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(0, 0, 0, .2);
 
@@ -231,29 +232,31 @@ button[type="menu-button"] > button {
 
 #header-view-toolbar[brighttext],
 #ab-toolbox > toolbar[brighttext],
 .mail-toolbox > toolbar[brighttext],
 #event-toolbox > toolbar[brighttext],
 #compose-toolbox > toolbar[brighttext] {
   --toolbarbutton-hover-background: rgba(255, 255, 255, .25);
   --toolbarbutton-hover-bordercolor: rgba(255, 255, 255, .5);
+  --toolbarbutton-header-bordercolor: rgba(255, 255, 255, .25);
 
   --toolbarbutton-active-background: rgba(255, 255, 255, .4);
   --toolbarbutton-active-bordercolor: rgba(255, 255, 255, .7);
   --toolbarbutton-active-boxshadow: 0 0 0 1px rgba(255, 255, 255, .4) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(255, 255, 255, .5);
 }
 
 #ab-toolbox > toolbar:-moz-lwtheme,
 .mail-toolbox > toolbar:-moz-lwtheme,
 #compose-toolbox > toolbar:-moz-lwtheme {
   --toolbarbutton-hover-background: rgba(255, 255, 255, .25);
   --toolbarbutton-hover-bordercolor: rgba(0, 0, 0, .2);
+  --toolbarbutton-header-bordercolor: rgba(0, 0, 0, .2);
 
   --toolbarbutton-active-background: rgba(70%, 70%, 70%, .25);
   --toolbarbutton-active-bordercolor: rgba(0, 0, 0, .3);
   --toolbarbutton-active-boxshadow: 0 0 2px rgba(0, 0, 0, .6) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: rgba(85%, 85%, 85%, .25);
 }
 
@@ -459,16 +462,17 @@ menupopup:not([type="folder"]) > menusep
   padding-bottom: 0;
   border-top-color: #d7d7d7;
 }
 
 @media (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
   :root {
     --toolbarbutton-hover-background: linear-gradient(hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .1));
     --toolbarbutton-hover-bordercolor: hsla(210, 54%, 20%, .15) hsla(210, 54%, 20%, .2) hsla(210, 54%, 20%, .25);
+    --toolbarbutton-header-bordercolor: hsla(210, 54%, 20%, .15) hsla(210, 54%, 20%, .2) hsla(210, 54%, 20%, .25);
     --toolbarbutton-hover-boxshadow: 0 1px hsla(0, 0%, 100%, .3) inset,
                                      0 1px hsla(210, 54%, 20%, .03),
                                      0 0 2px hsla(210, 54%, 20%, .1);
 
     --toolbarbutton-active-background: hsla(210, 54%, 20%, .15) linear-gradient(hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .1));
     --toolbarbutton-active-bordercolor: hsla(210, 54%, 20%, .3) hsla(210, 54%, 20%, .35) hsla(210, 54%, 20%, .4);
     --toolbarbutton-active-boxshadow: 0 1px 1px hsla(210, 54%, 20%, .1) inset,
                                       0 0 1px hsla(210, 54%, 20%, .2) inset,