Bug 667248 - menubar and primary toolbar buttons are impossible to read with aero-glass effect r=bwinton ui-r=andreasn

mail/themes/qute/mail/addrbook/addressbook-aero.css

@@ -93,7 +93,7 @@ toolbox > toolbar:last-of-type:not(:-moz-lwtheme) {
   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;
-  color: black;
+  color: ButtonText;
   text-shadow: 0 0 3px white;
 }
 
@@ -249,10 +249,25 @@ toolbox[labelalign="end"] > toolbar[mode="full"] deck .toolbarbutton-text {
   }
 
   #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;

mail/themes/qute/mail/compose/messengercompose-aero.css

@@ -99,7 +99,7 @@ menulist {
   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;
-  color: black;
+  color: ButtonText;
   text-shadow: 0 0 3px white;
 }
 
@@ -285,10 +285,27 @@ toolbox[labelalign="end"] > toolbar[mode="full"] deck .toolbarbutton-text {
   }
 
   #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;

mail/themes/qute/mail/mailWindow1-aero.css

@@ -183,7 +183,7 @@ padding: 4px 0px;
     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;
-    color: black;
+    color: ButtonText;
     text-shadow: 0 0 3px white;
   }
 
@@ -245,6 +245,16 @@ padding: 4px 0px;
     background-clip: padding-box;
   }
 
+  /* lesser transparency on Glass background */
+  menulist:not(:-moz-lwtheme):not([open="true"]) {
+    background-color: rgba(227, 237, 246, .7);
+  }
+
+  /* lesser transparency on Glass background */
+  menulist:not(:-moz-lwtheme):not([open="true"]):hover {
+    background-color: rgba(136, 197, 213, .85);
+  }
+
   #viewPickerLabel:not(:-moz-lwtheme):not(:-moz-window-inactive) {
     -moz-margin-start: 4px;
     -moz-margin-end: 0;

mail/themes/qute/mail/primaryToolbar-aero.css

@@ -89,7 +89,7 @@
   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;
-  color: black;
+  color: ButtonText;
   text-shadow: 0 0 3px white;
 }
 
@@ -261,10 +261,25 @@ toolbox[labelalign="end"] > toolbar[mode="full"] .toolbarbutton-1[type="menu"] {
   }
 
   #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;