browser/metro/theme/defines.inc

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:9a407b3cbaaa
1 %filter substitution
2
3 %define panel_dark_color #41464C
4 %define panel_dark_background url(chrome://browser/skin/images/panel-dark.png)
5 %define panel_light_color #F1F1F1
6
7 %define field_sizing 30px
8 %define field_foreground_color #000000
9 %define field_disabled_foreground_color #999999
10 %define field_mid_foreground_color #bababa
11 %define field_background_color #FFFFFF
12
13 %define border_color #BFC6CE
14 %define selected_color #FF8000
15
16 %define urlbar_border_color #BFC6CC
17 %define urlbar_edit_height 36px
18
19 %define toolbar_vertical_spacing 5px
20 %define toolbar_horizontal_spacing 17px
21 %define toolbar_horizontal_padding 21px
22 %define toolbar_snapped_horizontal_padding 10px
23 %define toolbar_snapped_horizontal_spacing 10px
24
25 % XXX Per UX mockups, this should be 68px, but we need to make this
26 % one pixel higher to reduce button clipping until bug 905453 is resolved
27 %define toolbar_height 69px
28 %define labelled_toolbar_height 90px
29 %define tabs_height 178px
30 %define newtab_button_width 63px
31 %define tabs_scrollarrow_width 64px
32 %define findbar_height 54px
33
34 %define progress_height 5px
35
36 %define metro_orange #FF8000
37
38 %define thumbnail_width 232px
39 %define thumbnail_height 148px
40
41 %define grid_column_width 131px
42 %define grid_double_column_width 262px
43 %define grid_row_height 86px
44 %define grid_double_row_height 172px
45 %define grid_search_width 86px
46
47 %define compactgrid_column_width 62px
48 %define compactgrid_row_height 62px
49
50 %define tile_border_color #dbdcde
51 %define tile_spacing 12px
52 %define tile_side_margin 6px
53
54 %define scroller_thickness 4px
55 %define scroller_minimum 8px
56
57 %define metro_spacing_xsmall 3px
58 %define metro_spacing_small 5px
59 %define metro_spacing_snormal 10px
60 %define metro_spacing_normal 15px
61 %define metro_spacing_xnormal 20px
62 %define metro_spacing_xxnormal 25px
63 %define metro_spacing_xxxnormal 30px
64 %define metro_spacing_large 40px
65
66 %define metro_border_thin 1px
67 %define metro_border_thick 2px
68 %define metro_border_xthick 4px
69
70 %define metro_font_snormal 14px
71 %define metro_font_normal 15px
72 %define metro_font_large 25px
73 %define metro_font_xlarge 35px
74 %define metro_font_xxlarge 45px
75
76 %define font_normal 16px
77 %define font_snormal 15px
78 %define font_small 12px
79 %define font_xsmall 11px
80
81 %define touch_row 47px
82 %define touch_button_small 37px
83 %define touch_action_minwidth 133px
84 %define touch_action_snapped_minwidth 80px
85
86 %define margin_large 16px
87 %define margin_xnormal 7px
88 %define margin_normal 5px
89
90 %define padding_xxnormal 8px
91 %define padding_xnormal 7px
92 %define padding_normal 5px
93
94 %define border_width_large 2px
95 %define border_width_small 1px
96 %define border_width_tiny 1px
97
98 %define border_radius_normal 5px
99 %define border_radius_tiny 1px
100
101 %define shadow_width_small 1px
102
103 % easing function and duration for animations match winJS showPanel method
104 %define metro_animation_duration 550ms
105 %define metro_animation_easing cubic-bezier(0.1, 0.9, 0.2, 1)
106
107 % duration and easing function to approximately match system keyboard
108 % as animation cant be in lock-step with system OSK animation, some mismatch is inevitable
109 % so we match velocity/cadence but delay to bring appbars in a tad after OSK
110 %define appbar_keyboard_slideup_duration 420ms
111 %define appbar_keyboard_slideup_delay 90ms
112 %define appbar_keyboard_slideup_easing cubic-bezier(0, 1, 0.4, 0.96)
113
114 % minimum resolution cutoffs for displaying 1.4x and 1.8x versions of icons
115 % XXX currently, there's some weirdness with the dppx unit, as documented in
116 % bug 895277. Because of that, we have to use 1.39dppx instead of 1.4dppx.
117 %define min_res_140pc 1.39dppx
118 %define min_res_180pc 1.8dppx
119
120 % error page style constants
121 %define error_page_background_color #eee
122 %define error_page_warning_color #efd400
123 %define error_page_error_color #bf0000

mercurial