1 /***************************************************************************
3 ***************************************************************************/
4 @color_bg: rgb(248, 246, 239); // #F8F6EF // Main Background color
5 @color_text: rgb(0, 0, 0); // 0 0 0
6 @color_text_sub: rgb(102, 102, 102); // 102 102 102
7 @color_text_setting: rgb(42, 109, 140); // 42 109 140
10 /***************************************************************************
12 ***************************************************************************/
13 @color_bar_title_text : rgba(59, 115, 182, 1); /* #3b73b6 */ /* title text */
14 @color_bar_title_button_text : rgba(58, 58, 58, 1); /* B052L4 : Title text button */
15 @color_bar_title_button_text_press : rgba(59, 115, 182, 1); /* B052L5 : Title text button press */
16 @color_bar_btn_press : rgba(64, 147, 247, 0.1); /* B052L1P : Title text button press bg */
17 @color_bar_divider_line : rgba(192, 192, 192, 1); /* 00_divider_line.9.png */
20 /***************************************************************************
22 ***************************************************************************/
23 @color_tabbar_btn_tab_press : -webkit-linear-gradient(top, rgba(210,210,200,1) 0%,rgba(246,248,239,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
24 @color_tabbar_btn_pressed : rgba(59, 115, 182, 1); /* B052L6P : Tab pressed */
25 @color_tabbar_btn_normal : rgba(153, 153, 153, 1); /* B052L6 : Tab Normal */
27 /***************************************************************************
29 ***************************************************************************/
30 @color_list_bg: rgba(248, 246, 239, 1); /* B0211 : List bg color */
31 @color_list_press : rgba(87, 135, 194, 1); /* B041 : List Press color */
32 @color_list_border_bottom: rgba(211, 209, 203, 0.5); /* B0221 : 1px line Code */
33 @color_list_main_text_focus: rgba(249, 249, 249, 1);
34 @color_list_main_text_unfocus: rgba(0, 0, 0, 1);
35 @color_list_sub_text_default: rgba(100, 100, 100, 1);
37 @color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
38 @color_list_divider_bg : rgba(248, 246, 239, 1); /* W021L1 : Index BG */
39 @color_list_divider_text : rgba(59, 115, 182, 1); /* W021L2 : Index bar */
41 @color_list_dialogue_bg : rgba(239, 237, 229, 1);
42 @color_dialogue_main_text: rgba(59, 115, 182, 1);
43 @color_dialogue_border_right: rgba(142, 154, 163, 1);
45 @color_list_expandable_expanded_bg: rgb(215, 225, 232);
46 @color_list_expanded_bg : rgba(220, 218, 211, 1);
48 @color_list_bubble_sent_text: rgb(0, 0, 0);
49 @color_list_bubble_receive_text: rgb(255, 255, 255);
50 @color_list_bubble_sos_text: rgb(233, 73, 73);
51 @color_list_bubble_date_text: rgb(104, 104, 104);
52 @color_list_bubble_date_bg: rgba(225, 225, 225, 0);
53 @color_list_bubble_time_sent_text: rgb(57, 166, 215);
54 @color_list_bubble_time_receive_text: rgb(211, 0, 0);
55 @color_list_bubble_time_sos_text: rgb(211, 0, 0);
56 @color_list_bubble_name_text: rgb(139, 139, 139);
57 @color_list_bubble_help_text: rgb(154, 154, 154);
58 @color_list_bubble_link_text: rgb(34, 129, 157);
60 @list-font-size-main: 22 * @unit_base;
61 @list-font-size-sub: 16 * @unit_base;
62 @list-font-size-divider: 16 * @unit_base; // NOTE: defined in dialogue group
64 @list-font-weight: normal;
66 @list-smallicon-size: 17 * @unit_base;
67 @list-li-padding-horizontal: 8 * @unit_base;
69 @list-bigicon-size: 64 * @unit_base;
70 @list-bigicon-size2: 72 * @unit_base;
72 /***************************************************************************
74 ***************************************************************************/
75 @color_fastscroll_rollover_bg: rgba(230, 227, 216, 1); /* B0723 : 00_fast_scroll_rollover_bg.9.png */
76 @color_fastscroll_rollover_text: rgba(160, 159, 154, 1); /* B0721 : Rollover text */
77 @color_fastscroll_popup_bg: rgba(59, 115, 182, 1); /* B0731 : 00_fast_scroll_popup_bg.png */
78 @color_fastscroll_popup_shadow: rgba(199, 199, 199, 0.5);
79 @color_fastscroll_popup_text: rgba(255, 255, 255, 1); /* B0732 : Scroll popup text */
82 /***************************************************************************
83 SearchBar(forms.textinput)
84 ***************************************************************************/
85 @color_searchbar_bg : rgba(248, 246, 239, 1);
86 @color_searchbar_default_text : rgba(121, 131, 138, 1); /* Search default text */
87 @color_searchbar_input_field_bg : rgba(255, 255, 255, 1); /* W301 : 00_search_edit_field_bg.png */
88 @color_searchbar_border : rgba(153, 153, 153, 1);
91 /***************************************************************************
93 ***************************************************************************/
94 @font_size_popup_info_style: 24 * @unit_base;
95 @color_popup_text_bg: rgba(248, 246, 239, 1); /* B061L1 : Popop info */
98 /***************************************************************************
99 Button(connected with other winset)
100 ***************************************************************************/
101 @color_button_EditText: rgb(249, 249, 249);
102 @color_button_EditTextPress: rgb(61, 61, 61);
104 @color_button_text_normal: rgb(54, 49, 51);
105 @color_button_text_press: rgb(248, 246, 239);
106 @color_button_text_white: rgb(249, 249, 249);
108 @color_button_normal: rgb(235, 232, 227);
109 @color_button_normal_webkit: -webkit-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
110 @color_button_normal_moz: -moz-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
111 @color_button_normal_o: -o-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
112 @color_button_normal_ms: -ms-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
113 @color_button_press: rgb(59, 115, 182);
115 @color_button_inner: rgb(247, 245, 238);
116 @color_button_inner_webkit: -webkit-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
117 @color_button_inner_moz: -moz-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
118 @color_button_inner_o: -o-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
119 @color_button_inner_ms: -ms-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
121 @button_shadow_outer: 0 0 1px 1px rgba(255, 255, 255, 1);
122 @button_shadow_inner: none;
124 @color_button_edit: rgb(201, 88, 88);
125 @color_button_edit_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
126 @color_button_edit_moz: -moz_linear-gradient(top, rgb(201, 88, 88), rgb(161, 40, 40));
128 .LESSbutton_box_style{
129 color: @color_button_text_normal;
132 .LESSbutton_up_style{
133 background: @color_button_normal;
134 background: @color_button_normal_webkit;
135 background: @color_button_normal_moz;
136 background: @color_button_normal_o;
137 background: @color_button_normal_ms;
140 .LESSbutton_box_style{
141 background: @color_button_normal;
142 background: @color_button_normal_webkit;
143 background: @color_button_normal_moz;
144 background: @color_button_normal_o;
145 background: @color_button_normal_ms;
147 border-color: rgba(220, 218, 211, 1);
148 .LESSbox-shadow-line( @button_shadow_outer );
150 .LESSbutton_inner_box_style{
151 background: @color_button_inner;
152 background: @color_button_inner_webkit;
153 background: @color_button_inner_ms;
154 background: @color_button_inner_o;
155 background: @color_button_inner_moz;
156 .LESSbox-shadow-line( @button_shadow_inner );
158 .LESSbutton_inner_pressstyle{
159 color: @color_button_text_press;
162 .LESSbutton_text1_style{
163 font-family: @font_family;
167 color: @color_button_text_black;
170 .LESSbutton_hover_style{
171 color: @color_button_text_normal;
174 .LESSbutton_down_style{
175 background: @color_button_press;
176 color: @color_button_text_press;
179 .LESSbutton_edit_style{
180 background: @color_button_edit;
181 background: @color_button_edit_webkit;
182 background: @color_button_edit_moz;
185 /***************************************************************************
187 ***************************************************************************/
188 @color_ctxpopup_text: rgb(255, 255, 255);
189 @color_ctxpopup_background: rgb(68, 68, 68);
190 @color_ctxpopup_border_left: rgb(91, 91, 91);
191 @color_ctxpopup_border_right: rgb(45, 45, 45);
192 @color_ctxpopup_border_top: rgb(91, 91, 91);
193 @color_ctxpopup_border_bottom: rgb(45, 45, 45);
195 @color_ctxbutton_press: rgb(59, 115, 182);
197 @color_ctxpopup_timepicker_text: rgba( 249, 249, 249, 0.4 );
198 @color_ctxpopup_timepicker_text_focus: rgba( 249, 249, 249, 1 );
199 @color_bar_back_btn_press : rgba(26, 82, 116, 0.3); /* #1A5274 */
202 /***************************************************************************
204 ***************************************************************************/
205 @color_scrollbar: rgb(198, 196, 190);
208 /***************************************************************************
210 ***************************************************************************/
211 @color_timepicker_selector_color: rgb(42,137,194);
212 @font_size_datetime_main_text: 22 * @unit_base;
213 @font_size_datetime_sub_text: 16 * @unit_base;
216 /***************************************************************************
218 ***************************************************************************/
219 @color_dayselector_Btn_Sat: rgba(0, 168, 231, 1); /* #00a8e7 */
220 @color_dayselector_Btn_Sun: rgba(240, 20, 2, 1); /* #f01402 */
221 @color_dayselector_Btn_Mon_to_Fri: rgba(249, 249, 249, 1); /* #f9f9f9 */
222 @color_dayselector_Btn_border: rgba(26, 82, 116, 1); /* #f9f9f9 */
224 @color_dayselector_Btn_normal_start: rgb(126, 157, 178);
225 @color_dayselector_Btn_normal_end: rgb(84,121,144);
227 @color_dayselector_Btn_press_start: rgb(59,119,150);
228 @color_dayselector_Btn_press_end: rgb(47,91,117);
231 .LESSDayselectorButtonNormal{
232 .LESSbackground-with-gradient(top, @color_dayselector_Btn_normal_start, @color_dayselector_Btn_normal_end);
235 .LESSDayaselectorButtonPress{
236 .LESSbackground-with-gradient(top, @color_dayselector_Btn_press_start, @color_dayselector_Btn_press_end);
240 /***************************************************************************
242 ***************************************************************************/
243 @color_optionheader_Background: rgba(26, 82, 116, 1);
244 @color_optionheader_bt: -webkit-linear-gradient(top, rgb(56,112,141) 0%,rgb(36,93,128) 100%);
245 @color_optionheader_bt_press: -webkit-linear-gradient(top, rgb(74,164,218) 0%,rgb(43,138,195) 100%);
246 @color_optionheader_tab_text: rgba(249, 249, 249, 1); /* #f9f9f9 */
249 /***************************************************************************
251 ***************************************************************************/
252 @color_segmentcontrol_btn_normal : rgb(125,157,178);
253 @color_segmentcontrol_btn_normal_start : rgb(125,157,178);
254 @color_segmentcontrol_btn_normal_end : rgb(84,121,144);
256 @color_segmentcontrol_btn_press : rgb(59,119,150);
257 @color_segmentcontrol_btn_press_start : rgb(59,119,150);
258 @color_segmentcontrol_btn_press_end : rgb(47,91,117);
260 @color_segmentcontrol_Seg_text : rgba(249, 249, 249, 1); /* #F9F9F9*/
261 @color_segmentcontrol_Seg_text_pressed : rgba(249, 249, 249, 1); /* #F9F9F9*/
264 /***************************************************************************
266 ***************************************************************************/
267 @color_controlgroup_btn_border : rgba(192, 192, 192, 1); /* 00_divider_line.9.png */
270 /***************************************************************************
272 ***************************************************************************/
273 @color_popup_center_progressbar_title: rgba(153, 153, 153, 1);
274 @color_popup_text_progress_title: rgba(249, 249, 249, 1);
276 @color_popup_title_bg: rgba(80, 147, 182, 255); /* popup_title_bg.png */
278 @color_popup_button_bg: rgba(248, 246, 239, 1);
279 @color_popup_font: rgba(248, 246, 239, 1); /* maybe not use only popupwindow*/
280 @color_popup_text_font: black;
282 @color_popup_buttonbg: rgb(84, 126, 153);
283 @color_popup_buttonbg_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(84, 126, 153)), to(rgb(69, 105, 128)));
284 @color_popup_buttonbg_moz: -moz-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
285 @color_popup_buttonbg_ms: -ms-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
286 @color_popup_buttonbg_o: -o-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
287 @color_popup_buttontext: rgb(249, 249, 249);
288 @color_popup_buttonbg_over: rgb(94, 136, 163);
290 @color_popup_buttonbg_press: rgb(67, 160, 217);
291 @color_popup_buttonbg_press_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
292 @color_popup_buttonbg_press_moz: -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
293 @color_popup_buttonbg_press_ms: -ms-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
294 @color_popup_buttonbg_press_o: -o-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
296 @color_popup_scroller_bg: rgba(248, 246, 239, 1);
299 @font_size_popup_basic_style_title: 24 * @unit_base; //1.1875rem; /* 38px */
300 @font_size_popup_center_progressbar_title: 26 * @unit_base; //0.8125rem; /* 26px */
301 @font_size_popup_text_progress_title: 42 * @unit_base; //1.3125rem; /* 42px */
302 @font_size_popup_button_text: 32 * @unit_base; //1.0rem; /* 32px */
304 .LESSpopup_button_style{
305 /* background: @color_popup_buttonbg;
306 background: @color_popup_buttonbg_webkit;
307 background: @color_popup_buttonbg_moz;
308 background: @color_popup_buttonbg_ms;
309 background: @color_popup_buttonbg_o;
310 color: @color_popup_buttontext;*/
313 .LESSpopup_button_hover_style{
314 background: @color_popup_buttonbg_over;
317 .LESSpopup_button_press_style{
318 background: @color_popup_buttonbg_press;
319 background: @color_popup_buttonbg_press_webkit;
320 background: @color_popup_buttonbg_press_moz;
321 background: @color_popup_buttonbg_press_ms;
322 background: @color_popup_buttonbg_press_o;
325 .LESSpopup_padding_style{
329 /***************************************************************************
331 ***************************************************************************/
333 @color_button_text_black: rgb(0, 0, 0);
335 @color_circlebutton_hover: rgb(239, 119, 126);
336 @color_circlebutton_hover_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(198, 78, 85)), to(rgb(166, 43, 45)));
337 @color_circlebutton_hover_moz: -moz-linear-gradient(top, rgb(198, 78, 85), rgb(166,43,45));
338 @color_circlebutton_press: rgb(67, 160, 217);
339 @color_circlebutton_press_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
340 @color_circlebutton_press_moz: -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
343 @color_button_switch_BGon: rgb(42, 126, 172);
344 @color_button_switch_BGon_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(33, 116, 167)), to(rgb(75, 165, 219)));
345 @color_button_switch_BGon_moz: -moz-linear-gradient(top, rgb(33, 116, 167), rgb(75, 165, 219));
346 @color_button_switch_BGoff: rgb(151, 161, 167);
347 @color_button_switch_BGoff_text_color: rgb(203, 203, 203);
348 @color_button_switch_BGoff_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 114, 114)), to(rgb(141, 141, 141)));
349 @color_button_switch_BGoff_moz: -moz-linear-gradient(top, rgb(114, 114, 114), rgb(141, 141, 141));
350 @color_button_switch_BGreed: rgb(253, 253, 253);
351 @color_button_switch_BGreed_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 253, 253)), to(rgb(231, 231, 231)));
352 @color_button_switch_BGreed_moz: -moz-linear-gradient(top, rgb(253, 253, 253), rgb(231, 231, 231));
354 @radius_button_switch: 4px;
355 @radius_button_switch_reed: 2px;
357 @color_button_edit_press: rgb(147, 24, 24);
358 @color_button_edit_press_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(147, 24,24)), to(rgb(110, 23, 23)));
359 @color_button_edit_press_moz: -moz-linear-gradient(top, rgb(147, 24, 24), rgb(110, 23, 23));
362 .LESStoggleswitch_on_style{
363 background: @color_button_switch_BGon;
364 background: @color_button_switch_BGon_webkit;
365 background: @color_button_switch_BGon_moz;
366 border-radius: @radius_button_switch;
367 -webkit-border-radius: @radius_button_switch;
368 -moz-border-radius: @radius_button_switch;
371 .LESStoggleswitch_off_style{
372 color: @color_button_switch_BGoff_text_color;
373 background: @color_button_switch_BGoff;
374 background: @color_button_switch_BGoff_webkit;
375 background: @color_button_switch_BGoff_moz;
376 border-radius: @radius_button_switch;
377 -webkit-border-radius: @radius_button_switch;
378 -moz-border-radius: @radius_button_switch;
381 .LESStoggleswitch_reed_style{
382 background: @color_button_switch_BGreed;
383 background: @color_button_switch_BGreed_webkit;
384 background: @color_button_switch_BGreed_moz;
385 border-radius: @radius_button_switch_reed;
386 -webkit-border-radius: @radius_button_switch_reed;
387 -moz-border-radius: @radius_button_switch_reed;
390 .LESSbutton_editpress_style{
391 background: @color_button_edit_press;
392 background: @color_button_edit_press_webkit;
393 background: @color_button_edit_press_moz;
396 .LESSbutton_edit_padding{
397 padding: 0.5em 0.8em;
401 /***************************************************************************
403 ***************************************************************************/
404 @color_ticker_bg: rgb(68, 68, 68);
405 @color_ticker_text1: rgb(255, 255, 255);
406 @color_ticker_text2: rgb(255, 255, 255);
407 @color_ticker_btn: rgb(64, 64, 64);
408 @color_ticker_btn_border: rgb(50, 50, 50);
411 /***************************************************************************
413 ***************************************************************************/
414 @color_smallpopup_bg: rgb(68, 68, 68);
415 @color_smallpopup_text: rgb(255, 255, 255);
418 /***************************************************************************
420 ***************************************************************************/
421 @color_nocontents_text: rgb(128, 128, 128);
424 /***************************************************************************
426 ***************************************************************************/
427 @color_slider_handle_text: rgb(59, 115, 182);
428 @color_slider_popup_text: rgb(249, 249, 249);
431 /***************************************************************************
433 ***************************************************************************/
434 @color_progress_bar0: rgb(202, 200, 196);
435 @color_progress_bar1: rgb(246, 243, 239);
436 @color_progress_boarder: rgb(163, 160, 158);
437 @color_progress_value0: rgb(54, 119, 195);
438 @color_progress_value1: rgb(150, 184, 224);
441 /***************************************************************************
443 ***************************************************************************/
444 @color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
447 /***************************************************************************
449 ***************************************************************************/
450 @color_multimediaview_bg : rgb(249, 249, 249);
451 @color_multimediaview_control_bg : rgba(248, 246, 239, 0.5);
452 @color_multimediaview_button_bg : rgb(248, 246, 239);
453 @color_multimediaview_timestamp_text : rgb(74, 132, 201);
454 @color_multimediaview_duration_text : rgb(128, 128, 128);
455 @color_multimediaview_bar_gray : rgb(203, 200, 197);
456 @color_multimediaview_bar_active : rgb(74, 132, 201);
457 @color_multimediaview_bar_handle : rgb(249, 249, 249);
458 @color_multimediaview_button_border : rgb(186, 185, 180);
460 .LESSmultimediaview_bar_active_style{
461 background-color : @color_multimediaview_bar_active;
462 background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(98, 137, 217)), to(rgb(41, 91, 152)));
463 background-image : -moz-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
464 background-image : -o-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
465 background-image : -ms-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
468 .LESSmultimediaview_bar_handle_style{
469 background-color : @color_multimediaview_bar_handle;
470 background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(230, 230, 230)));
471 background-image : -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
472 background-image : -o-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
473 background-image : -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
477 /***************************************************************************
479 ***************************************************************************/
480 @color_tokentextarea_block_text : rgb(255, 255, 255);
481 @color_tokentextarea_block_bg : rgb(95, 138, 189);
482 @color_tokentextarea_press_bg : rgb(54, 89, 132);
483 @color_tokentextarea_input_text : #222222;
484 @color_tokentextarea_link : rgb(186, 185, 180);
485 @color_tokentextarea_label_text : rgb(102, 102, 102);
488 /***************************************************************************
489 ***************************************************************************/