michael@0: %filter substitution
michael@0: 
michael@0: %define panel_dark_color #41464C
michael@0: %define panel_dark_background url(chrome://browser/skin/images/panel-dark.png)
michael@0: %define panel_light_color #F1F1F1
michael@0: 
michael@0: %define field_sizing 30px
michael@0: %define field_foreground_color #000000
michael@0: %define field_disabled_foreground_color #999999
michael@0: %define field_mid_foreground_color #bababa
michael@0: %define field_background_color #FFFFFF
michael@0: 
michael@0: %define border_color #BFC6CE
michael@0: %define selected_color #FF8000
michael@0: 
michael@0: %define urlbar_border_color #BFC6CC
michael@0: %define urlbar_edit_height 36px
michael@0: 
michael@0: %define toolbar_vertical_spacing 5px
michael@0: %define toolbar_horizontal_spacing 17px
michael@0: %define toolbar_horizontal_padding 21px
michael@0: %define toolbar_snapped_horizontal_padding 10px
michael@0: %define toolbar_snapped_horizontal_spacing 10px
michael@0: 
michael@0: % XXX Per UX mockups, this should be 68px, but we need to make this
michael@0: % one pixel higher to reduce button clipping until bug 905453 is resolved
michael@0: %define toolbar_height 69px
michael@0: %define labelled_toolbar_height 90px
michael@0: %define tabs_height 178px
michael@0: %define newtab_button_width 63px
michael@0: %define tabs_scrollarrow_width 64px
michael@0: %define findbar_height 54px
michael@0: 
michael@0: %define progress_height 5px
michael@0: 
michael@0: %define metro_orange #FF8000
michael@0: 
michael@0: %define thumbnail_width 232px
michael@0: %define thumbnail_height 148px
michael@0: 
michael@0: %define grid_column_width 131px
michael@0: %define grid_double_column_width 262px
michael@0: %define grid_row_height 86px
michael@0: %define grid_double_row_height 172px
michael@0: %define grid_search_width 86px
michael@0: 
michael@0: %define compactgrid_column_width 62px
michael@0: %define compactgrid_row_height 62px
michael@0: 
michael@0: %define tile_border_color #dbdcde
michael@0: %define tile_spacing 12px
michael@0: %define tile_side_margin 6px
michael@0: 
michael@0: %define scroller_thickness 4px
michael@0: %define scroller_minimum 8px
michael@0: 
michael@0: %define metro_spacing_xsmall 3px
michael@0: %define metro_spacing_small 5px
michael@0: %define metro_spacing_snormal 10px
michael@0: %define metro_spacing_normal 15px
michael@0: %define metro_spacing_xnormal 20px
michael@0: %define metro_spacing_xxnormal 25px
michael@0: %define metro_spacing_xxxnormal 30px
michael@0: %define metro_spacing_large 40px
michael@0: 
michael@0: %define metro_border_thin 1px
michael@0: %define metro_border_thick 2px
michael@0: %define metro_border_xthick 4px
michael@0: 
michael@0: %define metro_font_snormal 14px
michael@0: %define metro_font_normal 15px
michael@0: %define metro_font_large 25px
michael@0: %define metro_font_xlarge 35px
michael@0: %define metro_font_xxlarge 45px
michael@0: 
michael@0: %define font_normal 16px
michael@0: %define font_snormal 15px
michael@0: %define font_small 12px
michael@0: %define font_xsmall 11px
michael@0: 
michael@0: %define touch_row 47px
michael@0: %define touch_button_small 37px
michael@0: %define touch_action_minwidth 133px
michael@0: %define touch_action_snapped_minwidth 80px
michael@0: 
michael@0: %define margin_large 16px
michael@0: %define margin_xnormal 7px
michael@0: %define margin_normal 5px
michael@0: 
michael@0: %define padding_xxnormal 8px
michael@0: %define padding_xnormal 7px
michael@0: %define padding_normal 5px
michael@0: 
michael@0: %define border_width_large 2px
michael@0: %define border_width_small 1px
michael@0: %define border_width_tiny 1px
michael@0: 
michael@0: %define border_radius_normal 5px
michael@0: %define border_radius_tiny 1px
michael@0: 
michael@0: %define shadow_width_small 1px
michael@0: 
michael@0: % easing function and duration for animations match winJS showPanel method
michael@0: %define metro_animation_duration 550ms
michael@0: %define metro_animation_easing cubic-bezier(0.1, 0.9, 0.2, 1)
michael@0: 
michael@0: % duration and easing function to approximately match system keyboard
michael@0: % as animation cant be in lock-step with system OSK animation, some mismatch is inevitable
michael@0: % so we match velocity/cadence but delay to bring appbars in a tad after OSK
michael@0: %define appbar_keyboard_slideup_duration 420ms
michael@0: %define appbar_keyboard_slideup_delay 90ms
michael@0: %define appbar_keyboard_slideup_easing cubic-bezier(0, 1, 0.4, 0.96)
michael@0: 
michael@0: % minimum resolution cutoffs for displaying 1.4x and 1.8x versions of icons
michael@0: % XXX currently, there's some weirdness with the dppx unit, as documented in
michael@0: % bug 895277. Because of that, we have to use 1.39dppx instead of 1.4dppx.
michael@0: %define min_res_140pc 1.39dppx
michael@0: %define min_res_180pc 1.8dppx
michael@0: 
michael@0: % error page style constants
michael@0: %define error_page_background_color #eee
michael@0: %define error_page_warning_color #efd400
michael@0: %define error_page_error_color #bf0000