Bug 605544 - Style buttons, menulists, and toggles for Android Theme (button-in-notifications) [r=mbrubeck]
authorMark Finkle <mfinkle@mozilla.com>
Tue, 19 Oct 2010 23:23:33 -0400
changeset 66878 00220ed34a922767adef9e2eddc71e35d4e1f234
parent 66877 ba25610e8d4f765979115c72e3389a08ac5014d6
child 66879 04fef46224534340edc9a803f7e0a23bc7dec18b
push id1
push userroot
push dateTue, 26 Apr 2011 22:38:44 +0000
treeherdermozilla-beta@bfdb6e623a36 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmbrubeck
bugs605544
Bug 605544 - Style buttons, menulists, and toggles for Android Theme (button-in-notifications) [r=mbrubeck]
mobile/themes/core/notification.css
mobile/themes/core/platform.css
--- a/mobile/themes/core/notification.css
+++ b/mobile/themes/core/notification.css
@@ -1,25 +1,25 @@
 notification, notification[type="warning"] {
   padding: 0;
-  color: #000;
-  background: #8db8d8;
-  border-top: 1px solid #6897bd;
-  border-bottom: 1px solid #6897bd;
+  color: #fff;
+  background: #5768c3;
+  border-top: 1px solid #4756aa;
+  border-bottom: 1px solid #4756aa;
 }
 
 notification .messageCloseButton {
   list-style-image: url("chrome://browser/skin/images/close-default-hdpi.png");
   -moz-image-region: -moz-initial;
   -moz-box-align: start;
 }
 
 notification .messageCloseButton:hover:active {
   list-style-image: url("chrome://browser/skin/images/close-active-hdpi.png");
 }
 
 notification .outset {
-  border-color: #6897bd !important;
+  border-color: #4756aa !important;
 }
 
 notification .buttons {
   padding: 8px; /* core spacing */
 }
--- a/mobile/themes/core/platform.css
+++ b/mobile/themes/core/platform.css
@@ -184,34 +184,23 @@ button:focus > .button-box {
 }
 
 /* Override GTK2 system setting */
 .button-icon {
   display: -moz-initial !important;
 }
 
 /* dark buttons ------------------------------------------------------------ */
-/*
-  we set notification buttons here as well, since the style can't be set in
-  scoped CSS file, like notification.css, when the buttons are added later
-*/
-
-button.button-dark,
-notification button {
+button.button-dark {
   color: #fff !important;
   background: transparent !important;
   -moz-border-image: url("chrome://browser/skin/images/buttondark-default-64.png") 8 repeat repeat;
   border-radius: 8px;
 }
 
-/* notification background is too light for a white caption */
-notification button {
-  color: #000 !important;
-}
-
 button.button-dark[type="checkbox"][checked="true"],
 button.button-dark:not([disabled="true"]):hover:active,
 notification button:not([disabled="true"]):hover:active {
   -moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
 }
 
 button.button-dark[disabled="true"] {
   color: #7e7e7e !important;