Bug 676621 - Toaster alert needs better Honeycomb styling

mobile/themes/core/honeycomb/browser.css

@@ -1535,12 +1535,12 @@ setting[type="bool"]:hover:active .setting-input > checkbox[checked="true"] > .c
 
 /* alerts popup ----------------------------------------------------------- */
 #alerts-container {
-  color: @color_text_default@;
-  background-color: #5e6166;
-  border: @border_width_small@ solid #767973;
-  border-radius: @border_radius_normal@;
-  padding: @padding_normal@; /* core spacing on top/bottom */
-  margin-bottom: @margin_large@;
+  color: @color_text_header@;
+  background-color: @color_background_toaster@;
+  box-shadow: 0 0 @shadow_width_tiny@ @shadow_width_medium@ @color_shadow_light@;
+  border-radius: @border_radius_small@;
+  padding: @padding_xxnormal@ @padding_large@; /* core spacing on top/bottom */
+  margin-bottom: @margin_toaster@;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.5s;
   opacity: 0;
@@ -1551,11 +1551,11 @@ setting[type="bool"]:hover:active .setting-input > checkbox[checked="true"] > .c
 }
 
 #alerts-title {
-  font-size: @font_small@ !important;
+  font-size: @font_xtiny@ !important;
 }
 
 #alerts-text {
-  font-size: @font_xsmall@ !important;
+  font-size: @font_xtiny@ !important;
   white-space: pre;
 }
 

mobile/themes/core/honeycomb/defines.inc

@@ -35,6 +35,7 @@
 %define color_background_settings #efefef
 %define color_text_panel_header #999
 %define color_text_panel_subheader #333
+%define color_background_toaster #000
 
 %define color_background_highlight #a7c5f4
 %define color_background_highlight_overlay rgba(167, 197, 244, 0.8)
@@ -69,6 +70,7 @@
 %define touch_button_minwidth 11.86mozmm
 %define touch_normal 6.77mozmm
 
+%define margin_toaster 15.24mozmm
 %define margin_context_popup 3.39mozmm
 %define margin_xlarge 3.39mozmm
 %define margin_large 2.54mozmm