Bug 667248 - menubar and primary toolbar buttons are impossible to read with aero-glass effect r=bwinton ui-r=andreasn a=Standard8
authorRichard Marti <richard.marti@gmail.com>
Thu, 28 Jul 2011 22:42:54 +0100
changeset 8016 6273281cb5b80d49b11deb1a7e9bff2899f25585
parent 8015 4463a1ea42bf169929375466925f0bf78b01864a
child 8017 0b53c73618b000042b75d8f855c6493aa5be5543
push idunknown
push userunknown
push dateunknown
reviewersbwinton, andreasn, Standard8
bugs667248
Bug 667248 - menubar and primary toolbar buttons are impossible to read with aero-glass effect r=bwinton ui-r=andreasn a=Standard8
mail/themes/qute/mail/addrbook/addressbook-aero.css
mail/themes/qute/mail/compose/messengercompose-aero.css
mail/themes/qute/mail/primaryToolbar-aero.css
--- a/mail/themes/qute/mail/addrbook/addressbook-aero.css
+++ b/mail/themes/qute/mail/addrbook/addressbook-aero.css
@@ -89,17 +89,17 @@ toolbox > toolbar:last-of-type:not(:-moz
               rgba(246, 247, 248, .47) 49%, rgba(231, 232, 233, .45) 51%,
               rgba(225,226,229,.3));
   border-radius: 4.5px;
   border: 1px solid;
   border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38);
   box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset,
               0 0 0 2px rgba(255, 255, 255, .1) inset,
               0 1px 0 rgba(0, 0, 0, .15);
-  color: black;
+  color: ButtonText;
   text-shadow: 0 0 3px white;
 }
 
 .toolbarbutton-menubutton-dropmarker,
 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-menubutton-button,
 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 {
   padding-left: 3px !important;
   padding-right: 3px !important;
@@ -251,20 +251,35 @@ toolbox[labelalign="end"] > toolbar[mode
   }
 
   #ab-toolbox:not(:-moz-lwtheme) {
     color: black;
     text-shadow: 0 0 .7em white, 0 0 .7em white, 0 1px 0 rgba(255, 255, 255, .4);
   }
 
   #menubar-items:not(:-moz-lwtheme):not(:-moz-window-inactive) {
-    background-color: rgba(255, 255, 255, .3);
+    background-color: rgba(255, 255, 255, .5);
     border-radius: 4px;
   }
 
+  /* lesser transparency on Glass background */
+  .toolbarbutton-menubutton-button:not(:-moz-lwtheme),
+  .toolbarbutton-menubutton-dropmarker:not(:-moz-lwtheme),
+  .toolbarbutton-1:not(:-moz-lwtheme) {
+    background-color: rgba(227, 237, 246, .7);
+  }
+
+  /* lesser transparency on Glass background */
+  .toolbarbutton-menubutton-button:not(:-moz-lwtheme):not([disabled="true"]):not(:active):hover,
+  toolbarbutton[type="menu-button"]:not(:-moz-lwtheme):not([open="true"]):not(:active):hover >
+                    .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
+  .toolbarbutton-1:not(:-moz-lwtheme):not([disabled="true"]):not([checked="true"]):not(:active):hover {
+    background-color: rgba(136, 197, 213, .85);
+  }
+
   .toolbarbutton-menubutton-button[disabled="true"],
   .toolbarbutton-menubutton-dropmarker[disabled="true"] {
     opacity: 1 !important;
   }
 
   #addressbookWindow[sizemode=normal] #abContent {
     -moz-appearance: none;
     border: 1px solid rgba(10%, 10%, 10%, .4);
--- a/mail/themes/qute/mail/compose/messengercompose-aero.css
+++ b/mail/themes/qute/mail/compose/messengercompose-aero.css
@@ -95,17 +95,17 @@ toolbar:not(:-moz-lwtheme) {
               rgba(246, 247, 248, .47) 49%, rgba(231, 232, 233, .45) 51%,
               rgba(225,226,229,.3));
   border-radius: 4.5px;
   border: 1px solid;
   border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38);
   box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset,
               0 0 0 2px rgba(255, 255, 255, .1) inset,
               0 1px 0 rgba(0, 0, 0, .15);
-  color: black;
+  color: ButtonText;
   text-shadow: 0 0 3px white;
 }
 
 .toolbarbutton-menubutton-dropmarker,
 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-menubutton-button,
 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 {
   padding-left: 3px !important;
   padding-right: 3px !important;
@@ -286,20 +286,37 @@ toolbox[labelalign="end"] > toolbar[mode
   }
 
   #sidebar-splitter:not([hidden="true"]) + vbox >
       #headers-box:-moz-locale-dir(rtl) {
     border-top-right-radius: 0;
   }
 
   #menubar-items:not(:-moz-lwtheme):not(:-moz-window-inactive) {
-    background-color: rgba(255, 255, 255, .3);
+    background-color: rgba(255, 255, 255, .5);
     border-radius: 4px;
   }
 
+  /* lesser transparency on Glass background */
+  .toolbarbutton-menubutton-button:not(:-moz-lwtheme),
+  .toolbarbutton-menubutton-dropmarker:not(:-moz-lwtheme),
+  .toolbarbutton-1:not(:-moz-lwtheme),
+  menulist:not(:-moz-lwtheme):not([open="true"]) {
+    background-color: rgba(227, 237, 246, .7);
+  }
+
+  /* lesser transparency on Glass background */
+  .toolbarbutton-menubutton-button:not(:-moz-lwtheme):not([disabled="true"]):not(:active):hover,
+  toolbarbutton[type="menu-button"]:not(:-moz-lwtheme):not([open="true"]):not(:active):hover >
+                    .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
+  .toolbarbutton-1:not(:-moz-lwtheme):not([disabled="true"]):not([checked="true"]):not(:active):hover,
+  menulist:not(:-moz-lwtheme):not([open="true"]):hover {
+    background-color: rgba(136, 197, 213, .85);
+  }
+
   .toolbarbutton-menubutton-button[disabled="true"],
   .toolbarbutton-menubutton-dropmarker[disabled="true"] {
     opacity: 1 !important;
   }
 
   #msgcomposeWindow[sizemode=normal] #compose-toolbox + hbox {
     border: 1px solid rgba(10%, 10%, 10%, .4);
     border-top: none;
--- a/mail/themes/qute/mail/primaryToolbar-aero.css
+++ b/mail/themes/qute/mail/primaryToolbar-aero.css
@@ -85,17 +85,17 @@
               rgba(246, 247, 248, .47) 49%, rgba(231, 232, 233, .45) 51%,
               rgba(225,226,229,.3));
   border-radius: 4.5px;
   border: 1px solid;
   border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38);
   box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset,
               0 0 0 2px rgba(255, 255, 255, .1) inset,
               0 1px 0 rgba(0, 0, 0, .15);
-  color: black;
+  color: ButtonText;
   text-shadow: 0 0 3px white;
 }
 
 .toolbarbutton-menubutton-dropmarker,
 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-menubutton-button,
 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 {
   padding-left: 3px !important;
   padding-right: 3px !important;
@@ -263,20 +263,35 @@ toolbox[labelalign="end"] > toolbar[mode
   }
 
   #mail-toolbox:not(:-moz-lwtheme) {
     color: black;
     text-shadow: 0 0 .7em white, 0 0 .7em white, 0 1px 0 rgba(255, 255, 255, .4);
   }
 
   #menubar-items:not(:-moz-lwtheme):not(:-moz-window-inactive) {
-    background-color: rgba(255, 255, 255, .3);
+    background-color: rgba(255, 255, 255, .5);
     border-radius: 4px;
   }
 
+  /* lesser transparency on Glass background */
+  .toolbarbutton-menubutton-button:not(:-moz-lwtheme),
+  .toolbarbutton-menubutton-dropmarker:not(:-moz-lwtheme),
+  .toolbarbutton-1:not(:-moz-lwtheme) {
+    background-color: rgba(227, 237, 246, .7);
+  }
+
+  /* lesser transparency on Glass background */
+  .toolbarbutton-menubutton-button:not(:-moz-lwtheme):not([disabled="true"]):not(:active):hover,
+  toolbarbutton[type="menu-button"]:not(:-moz-lwtheme):not([open="true"]):not(:active):hover >
+                    .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
+  .toolbarbutton-1:not(:-moz-lwtheme):not([disabled="true"]):not([checked="true"]):not(:active):hover {
+    background-color: rgba(136, 197, 213, .85);
+  }
+
   .toolbarbutton-menubutton-button[disabled="true"],
   .toolbarbutton-menubutton-dropmarker[disabled="true"] {
     opacity: 1 !important;
   }
 }
 
 @media not all and (-moz-windows-compositor) {
   #print-preview-toolbar:not(:-moz-lwtheme) {