Bug 683512 - Adjust toolbar color in honeycomb theme to a light grey
authorMatt Brubeck <mbrubeck@mozilla.com>
Fri, 02 Sep 2011 10:13:16 -0700
changeset 76475 af7d11d9938847b644e07982cb741bea30c959cf
parent 76474 c8cd6f227ead2c458492ece453c83c5f8d7e3a28
child 76476 1165ef56bec876518622d0a70df144b532390a20
push id3
push userfelipc@gmail.com
push dateFri, 30 Sep 2011 20:09:13 +0000
bugs683512
milestone9.0a1
Bug 683512 - Adjust toolbar color in honeycomb theme to a light grey
mobile/themes/core/honeycomb/browser.css
mobile/themes/core/honeycomb/defines.inc
--- a/mobile/themes/core/honeycomb/browser.css
+++ b/mobile/themes/core/honeycomb/browser.css
@@ -38,16 +38,17 @@
 %filter substitution
 %include defines.inc
 
 /* main toolbar (URL bar) -------------------------------------------------- */
 #toolbar-main {
   -moz-appearance: none;
   -moz-box-align: center;
   padding: 0;
+  background: @color_toolbar_background@;
   border: none;
   min-height: @touch_button_xlarge@;
 }
 
 #toolbar-moveable-container[mode="discovery"],
 #toolbar-moveable-container[top="0"] {
   position: fixed;
   left: 0;
@@ -194,16 +195,17 @@ toolbarbutton.urlbar-button {
 
 /* Main urlbar textbox */
 #urlbar-title.placeholder {
   color: @color_text_placeholder@;
 }
 
 #urlbar-edit,
 #urlbar-title {
+  background: @color_toolbar_background@;
   padding: @padding_xxxnormal@ 0px @padding_xsmall@ 0px;
   margin: 0px !important;
   min-height: @urlbar_edit_height@ !important;
   max-height: @urlbar_edit_height@;
 }
 
 #urlbar-title {
   background-image: url("chrome://browser/skin/images/urlbar-border-side.png"),
@@ -306,17 +308,17 @@ toolbarbutton.urlbar-button {
 }
 
 /* right toolbar (browser controls) ---------------------------------------- */
 #browser-controls {
   -moz-box-align: start;
   padding: 0;
   -moz-border-start: @border_width_large@ solid #262629;
   min-width: @sidebar_width_minimum@ !important;
-  background: @color_background_default@;
+  background: @color_toolbar_background@;
 }
 
 .button-control {
   padding: 0 !important;
   min-width: @sidebar_width_minimum@ !important;
   border-top: @border_width_tiny@ solid @color_divider_border@ !important;
   border-bottom: @border_width_tiny@ solid @color_divider_border@ !important;
   background-color: transparent !important;
@@ -948,17 +950,17 @@ autocompleteresult.noresults:hover:activ
 autocompleteresult.noresults > .autocomplete-item-container {
   text-align: center;
   color: @color_text_placeholder@;
 }
 
 /* Left sidebar (tabs)  ---------------------------------------------------- */
 #tabs-container {
   -moz-border-end: @border_width_large@ solid #262629;
-  background: @color_background_default@;
+  background: @color_toolbar_background@;
 }
 
 #tabs:-moz-locale-dir(rtl) {
   -moz-box-align: start;
 }
 
 #tabs > scrollbox {
   max-width: 350px;
--- a/mobile/themes/core/honeycomb/defines.inc
+++ b/mobile/themes/core/honeycomb/defines.inc
@@ -1,15 +1,16 @@
 %filter substitution
 
 %define color_background_active #fff
 %define color_text_active #222222
 %define color_background_default_window #fff
 %define color_background_default rgba(255,255,255,0.95)
 %define color_text_default #222222
+%define color_toolbar_background #eaeaea
 %define color_divider_border #333333
 %define color_button_border rgb(207,207,207)
 %define color_background_dialog #fff
 %define color_text_dialog #000
 %define color_dialog_border #5a5a5a
 %define color_background_dlgbuttons #9a9a9a
 %define color_background_panel #d6d6d6
 %define color_text_panel #000