src/themes/tizen/tizen-black/style.less

   1 // Basic color set
   2 @color_bg:                              rgb(0, 0, 0);
   3 @color_bg_sub:                  rgb(36, 36, 36);        // 36 36 36     // TODO: used only in dialog group. Check more.
   4
   5 @color_border:                  rgb(42, 42, 42);        // 42 42 42
   6 @color_header:                  rgb(68, 68, 74);        // 68 68 74
   7
   8 @color_scrollbar:               rgb(63, 63, 63);
   9
  10 @color_text:                            rgb(249, 249, 249);
  11 @color_text_dim:                        rgb(108, 115, 118);     // 108 115 118
  12 @color_text_focus:              @color_text;
  13 @color_text_sub:                        rgb(102, 102, 102);     // 102 102 102
  14 @color_text_setting:            rgb(42, 109, 140);      // 42 109 140
  15 @color_text_input:              rgb(70, 70, 70);        // 70 70 70
  16 @color_text_cursor:             @color_text_setting;
  17 @color_text_segctrl:            rgb(158, 195, 213);     // 158 195 213  // TODO: used only in segctrl. Check more.
  18
  19 //Dialogue color set
  20 @color_dialogue_main_text:      rgba(249, 249, 249, 1);
  21 @color_dialogue_sub_text:                               rgb(146,146,146);
  22 @color_list_dialogue_bg : rgba(0, 0, 0, 1);
  23 @color_dialogue_border_right:   rgba(68, 68, 68, 1);
  24
  25 //Dialogue Editor color set
  26 @color_dialogue_editor_default_text:    rgb(70, 70, 70);
  27 @color_dialogue_editor_bg:                              rgb(0, 0, 0);
  28 @color_dialogue_editor_border:                  rgb(37, 52, 78);
  29 /*************************
  30   Vars/Mixins for Widgets
  31
  32   NOTE:
  33     * Color variables' name: @color_<widget name>_<identifier>
  34         * Color values: Use rgb() or rgba()
  35  *************************/
  36
  37
  38 /***************************************************************************
  39                    List
  40 ***************************************************************************/
  41 @color_list_border_bottom:              rgb(68, 68, 68);
  42 @color_list_main_text_read:             rgba(158, 158, 158, 1);
  43 @color_list_main_text_unread:   rgba(249, 249, 249, 1);
  44 @color_list_main_text_focus:            rgba(249, 249, 249, 1);
  45 @color_list_sub_text_default:           rgba(100, 100, 100, 1);
  46 @color_list_sub_text_settings:  rgba(0, 140, 210, 1);
  47 @color_list_sub_text_focus:             rgba(249, 249, 249, 1);
  48 @color_list_flexible_text_main: rgba(249, 249, 249, 1);
  49 @color_list_flexible_text_sub:          rgba(149, 149, 149, 1);
  50 @color_list_index_list:                 rgba(164, 164, 164, 1);
  51 @color_list_editfield_text:                     rgba(70, 70, 70, 1);
  52 @color_list_editfield_text_cursor:      rgba(0, 140, 210, 1);
  53 @color_list_multiline_text:             rgba(149, 149, 149, 1);
  54 @color_list_3line_main_text:            rgba(249, 249, 249, 1);
  55 @color_list_3line_main_text_read:       rgba(249, 249, 249, 1);
  56 @color_list_3line_main_text_focus:      rgba(249, 249, 249, 1);
  57 @color_list_3line_main_text2:           rgba(104, 137, 152, 1);
  58 @color_list_3line_main_text2_focus:     rgba(249, 249, 249, 1);
  59 @color_list_converter_style:            rgba(249, 249, 249, 1);
  60 @color_list_converter_style_focus:      rgba(249, 249, 249, 1);
  61 @color_list_unread_email:               rgba(249, 249, 249, 1);
  62 @color_list_contents_text:              rgba(210, 210, 210, 1);
  63 @color_list_name_text:                  rgba(129, 129, 129, 1);
  64 @color_list_name_text_dim:              rgba(0, 140, 210, 1);
  65 @color_list_colorbar:                           rgba(80, 107, 207, 1); //Temp, not defined
  66 @color_list_bubble_box_shadow:  rgb(78, 78, 78);        // Not defined in GUI guide.
  67 @color_list_bubble_left_text:   rgb(0, 0, 0);
  68 @color_list_bubble_left_bg:             rgb(217, 230, 237);     // Not defined in GUI guide. Picked from image.
  69 @color_list_bubble_right_text:  rgb(96, 96, 96);
  70 @color_list_bubble_right_bg:    rgb(217, 217, 217); // Not defined in GUI guide. Picked from image.
  71 @color_list_bubble_sos_text:    rgb(211, 0, 0);
  72 @color_list_bubble_date_text:   rgb(128, 128, 128);
  73 @color_list_bubble_date_bg:             rgba(225, 225, 225, 0);
  74 @color_list_bubble_time_text:   rgb(57, 166, 215);
  75 @color_list_bubble_link_text:   rgb(34, 129, 157);
  76 @color_list_bubble_failed_text: rgb(211, 0, 0);
  77 @color_list_bubble_name_text:   rgb(57, 166, 215);
  78 @color_list_bubble_help_text:   rgb(146, 146, 146);
  79
  80 @color_list_divider_bg : rgb(73,73,73);
  81 @color_list_divider_bg_start : rgb(73,73,73);
  82 @color_list_divider_bg_end : rgb(22,22,22);
  83
  84 @color_list_divider_text :              rgb(142, 174, 193); /* #005ea0 */
  85 @color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
  86 @color_list_expandable_expanded_bg:     rgb(26, 26, 26);
  87 @color_list_press : rgba(60, 100, 155, 1);
  88
  89 @font_size_list_main_text:              44 * @unit_base; //1.375rem;    /* 44 px */
  90 @font_size_list_sub_text:               32 * @unit_base; //1.0rem;      /* 32 px */
  91 @font_size_list_flexible_text_main:     48 * @unit_base; //1.5rem;      /* 48 px */
  92 @font_size_list_flexible_text_sub:      36 * @unit_base; //1.125rem;    /* 36 px */
  93 @font_size_list_index_list:             32 * @unit_base; //1.0rem;      /* 32 px */
  94 @font_size_list_editfield_text:         44 * @unit_base; //1.375rem;    /* 44 px */
  95 @font_size_list_multiline_text:         32 * @unit_base; //1.0rem;      /* 32 px */
  96 @font_size_list_3line_main_text:        42 * @unit_base; //1.3125rem;   /* 42 px */
  97 @font_size_list_3line_main_text2:       36 * @unit_base; //1.125rem;    /* 36 px */
  98 @font_size_list_converter_style:        40 * @unit_base; //1.3rem;      /* 40 px */
  99 @font_size_list_unread_email:           44 * @unit_base; //1.375rem;    /* 44 px */
 100 @font_size_list_contents_text:          30 * @unit_base; //0.94rem;     /* 30 px */
 101 @font_size_list_name_text:              32 * @unit_base; //1.0rem;      /* 32 px */
 102
 103 @style_list_li_dialogue_margin_left: 16 * @unit_base;
 104 @style_list_li_dialogue_border_left_width: 10 * @unit_base;
 105 @style_list_bubble_date_height: 40 * @unit_base;
 106 @style_list_bubble_date_text_align:     center;
 107
 108 .LESSlistDivider_Background{
 109         .LESSbackground-with-gradient(top, @color_list_divider_bg_start, @color_list_divider_bg_end);
 110 }
 111
 112 /***************************************************************************
 113                    Shortcut Scroll
 114 ***************************************************************************/
 115 @color_shortcutscroll_rollover_bg: none;
 116 @color_shortcutscroll_rollover_text: rgba(160, 172, 179, 1);
 117 @color_shortcutscroll_popup_bg: rgba(229, 229, 229, 1); // 00_fast_scroll_popup_bg.png
 118 @color_shortcutscroll_popup_shadow: rgba(199, 199, 199, 0.5);
 119 @color_shortcutscroll_popup_text: rgb(42, 137, 194);
 120
 121
 122 /***************************************************************************
 123                    Popup
 124 ***************************************************************************/
 125 @color_popup_center_progressbar_title:  rgba(153, 153, 153, 1);
 126 @color_popup_text_progress_title:       rgba(249, 249, 249, 1);
 127 /* TODO : ninepatch popup title */
 128 @color_popup_title_bg:          rgba(39, 58, 90, 255);  /* popup_title_bg.png */
 129 @color_popup_text_bg:           rgba(38, 38, 38, 255);  /* popup_bg.png */
 130 @color_popup_button_bg:         rgba(56, 56, 56, 255);  /* popup_button_bg.png */
 131 @color_popup_font:                      white;
 132 @color_popup_text_font:         white;
 133
 134 @color_popup_buttonbg:          rgb(79, 79, 79);
 135 @color_popup_buttonbg_webkit:   rgb(79, 79, 79);
 136 @color_popup_buttonbg_moz:      rgb(79, 79, 79);
 137 @color_popup_buttontext:        rgb(249, 249, 249);
 138 @color_popup_buttonbg_over:     rgb(79, 79, 79); /* transparents */
 139 @color_popup_buttonbg_press:    rgb(42, 137, 194);
 140 @color_popup_buttonbg_press_webkit:     rgb(42, 137, 194);
 141 @color_popup_buttonbg_press_moz:        rgb(42, 137, 194);
 142
 143 @color_popup_scroller_bg:       rgb(0, 0, 0);
 144
 145 @font_size_popup_info_style:                    42 * @unit_base; //1.3125rem;   /* 42px */
 146 @font_size_popup_basic_style_title:             38 * @unit_base; //1.1875rem;   /* 38px */
 147 @font_size_popup_center_progressbar_title:      26 * @unit_base; //0.8125rem;   /* 26px */
 148 @font_size_popup_text_progress_title:           42 * @unit_base; //1.3125rem;   /* 42px */
 149 @font_size_popup_button_text:                   32 * @unit_base; //1.0rem;      /* 32px */
 150
 151 .LESSpopup_button_style{
 152         background: @color_popup_buttonbg;
 153         color: @color_popup_buttontext;
 154 }
 155
 156 .LESSpopup_button_hover_style{
 157         background: @color_popup_buttonbg_over;
 158 }
 159
 160 .LESSpopup_button_press_style{
 161         background: @color_popup_buttonbg_press;
 162 }
 163
 164 .LESSpopup_padding_style{
 165         padding: 2 * @unit_base 2 * @unit_base;
 166 }
 167
 168 /***************************************************************************
 169                     Button
 170 ***************************************************************************/
 171
 172 @color_button_normal:           rgb(53, 53, 57);
 173 @color_button_normal_webkit:    -webkit-gradient(linear, left top, left bottom, from(rgb(53, 53, 57)), to(rgb(40, 41, 44)));
 174 @color_button_normal_moz:       -moz-linear-gradient(top, rgb(53, 53, 57), rgb(40, 41, 44));
 175
 176 @color_button_press:            rgb(42, 137, 194);
 177
 178 @color_button_hover:            rgb(161, 171, 177);
 179
 180 @color_button_text_normal:      rgb(249, 249, 249);
 181 @color_button_text_white:       rgb(249, 249, 249);
 182 @color_button_text_press:       rgb(249, 249, 249);
 183
 184 @color_circlebutton_hover:              rgb(239, 119, 126);
 185 @color_circlebutton_hover_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(198, 78, 85)), to(rgb(166, 43, 45)));
 186 @color_circlebutton_hover_moz:          -moz-linear-gradient(top, rgb(198, 78, 85), rgb(166,43,45));
 187 @color_circlebutton_press:              rgb(42, 137, 194);
 188
 189 @color_button_EditText:         rgb(249, 249, 249);
 190 @color_button_EditTextPress:    rgb(249, 249, 249);
 191 @color_button_EditBG:           rgb(0, 0, 0);
 192 @color_button_EditBGPress:      rgb(0, 140, 210);
 193
 194 @color_button_switch_BGon:              rgb(42, 126, 172);
 195 @color_button_switch_BGon_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(33, 116, 167)), to(rgb(75, 165, 219)));
 196 @color_button_switch_BGon_moz:          -moz-linear-gradient(top, rgb(33, 116, 167), rgb(75, 165, 219));
 197 @color_button_switch_BGoff:             rgb(151, 161, 167);
 198 @color_button_switch_BGoff_text_color:  rgb(203, 203, 203);
 199 @color_button_switch_BGoff_webkit:      -webkit-gradient(linear, left top, left bottom, from(rgb(114, 114, 114)), to(rgb(141, 141, 141)));
 200 @color_button_switch_BGoff_moz:         -moz-linear-gradient(top, rgb(114, 114, 114), rgb(141, 141, 141));
 201 @color_button_switch_BGreed:            rgb(253, 253, 253);
 202 @color_button_switch_BGreed_webkit:     -webkit-gradient(linear, left top, left bottom, from(rgb(253, 253, 253)), to(rgb(231, 231, 231)));
 203 @color_button_switch_BGreed_moz:        -moz-linear-gradient(top, rgb(253, 253, 253), rgb(231, 231, 231));
 204
 205 @radius_button_switch: 4px;
 206 @radius_button_switch_reed: 2px;
 207
 208 @color_button_edit:                     rgb(192, 82, 82);
 209 @color_button_edit_webkit:              -webkit-gradient(linear, left top, left bottom, from(rgb(192, 82, 82)), to(rgb(162, 40, 40)));
 210 @color_button_edit_moz:                 -moz_linear-gradient(top, rgb(192, 88, 88), rgb(162, 40, 40));
 211
 212 @color_button_edit_press:               rgb(147, 24, 24);
 213 @color_button_edit_press_webkit:        -webkit-gradient(linear, left top, left bottom, from(rgb(147, 24,24)), to(rgb(110, 23, 23)));
 214 @color_button_edit_press_moz:           -moz-linear-gradient(top, rgb(147, 24, 24), rgb(110, 23, 23));
 215
 216 .LESSbutton_up_style{
 217         background: @color_button_normal;
 218         background: @color_button_normal_webkit;
 219         background: @color_button_normal_moz;
 220         color: @color_button_text_normal;
 221 }
 222
 223 .LESSbutton_hover_style{
 224         background: @color_button_hover;
 225         color: @color_button_text_white;
 226 }
 227
 228 .LESSbutton_down_style{
 229         background: @color_button_press;
 230         color: @color_button_text_white;
 231 }
 232
 233 .LESSbutton_text1_style{
 234         font-family: @font_family;
 235         font-weight: normal;
 236         font-size: 1.0rem;
 237         font-style:normal;
 238         color: @color_button_text_normal;
 239         &:hover {color: @color_button_text_press;}
 240 }
 241
 242 .LESSbutton_box_style{
 243         color: @color_button_text_white;
 244         &:hover {color: @color_button_text_white;}
 245 }
 246
 247 .LESScirclebutton_hover_style{
 248         border-width: 0px;
 249         background: @color_circlebutton_hover;
 250         background: @color_circlebutton_hover_webkit;
 251         backgronnd: @color_circlebutton_hover_moz;
 252 }
 253
 254 .LESScirclebutton_press_style{
 255         border-width: 0px;
 256         background: @color_circlebutton_press;
 257 }
 258
 259 .LESStoggleswitch_on_style{
 260         background: @color_button_switch_BGon;
 261         background: @color_button_switch_BGon_webkit;
 262         background: @color_button_switch_BGon_moz;
 263         border-radius: @radius_button_switch;
 264         -webkit-border-radius: @radius_button_switch;
 265         -moz-border-radius: @radius_button_switch;
 266 }
 267
 268 .LESStoggleswitch_off_style{
 269         color: @color_button_switch_BGoff_text_color;
 270         background: @color_button_switch_BGoff;
 271         background: @color_button_switch_BGoff_webkit;
 272         background: @color_button_switch_BGoff_moz;
 273         border-radius: @radius_button_switch;
 274         -webkit-border-radius: @radius_button_switch;
 275         -moz-border-radius: @radius_button_switch;
 276 }
 277
 278 .LESStoggleswitch_reed_style{
 279         background: @color_button_switch_BGreed;
 280         background: @color_button_switch_BGreed_webkit;
 281         background: @color_button_switch_BGreed_moz;
 282         border-radius: @radius_button_switch_reed;
 283         -webkit-border-radius: @radius_button_switch_reed;
 284         -moz-border-radius: @radius_button_switch_reed;
 285 }
 286
 287 .LESSbutton_edit_style{
 288         background: @color_button_edit;
 289         background: @color_button_edit_webkit;
 290         background: @color_button_edit_moz;
 291         font-weight:bold;
 292         color: rgb(249, 249, 249);
 293 }
 294
 295 .LESSbutton_editpress_style{
 296         background: @color_button_edit_press;
 297         background: @color_button_edit_press_webkit;
 298         background: @color_button_edit_press_moz;
 299 }
 300
 301 .LESSbutton_edit_padding{
 302         padding: 0.5em 0.8em;
 303 }
 304
 305 /***************************************************************************
 306                     Date Time picker color set
 307 ***************************************************************************/
 308 @color_timepicker_selector_color:       rgb(42,137,194);
 309
 310 /***************************************************************************
 311                   Contextual Popup
 312 ***************************************************************************/
 313 @color_ctxpopup_text:                   rgb(249, 249, 249);
 314 @color_ctxpopup_background:             rgb(52, 52, 52);
 315 @color_ctxpopup_border_left:    rgb(39, 39, 39);
 316 @color_ctxpopup_border_right:   rgb(82, 82, 82);
 317 @color_ctxpopup_border_bottom:  rgb(89, 89, 89);
 318 @color_ctxpopup_timepicker_text:        rgba( 249, 249, 249, 0.7 );
 319 @color_ctxpopup_timepicker_text_focus:  rgba( 249, 249, 249, 1 );
 320
 321 /***************************************************************************
 322                     DaySelector
 323 ***************************************************************************/
 324 @color_dayselector_Btn_Sat:             rgba(0, 168, 231, 1); /* #00a8e7 */
 325 @color_dayselector_Btn_Sun:             rgba(240, 20, 2, 1); /* #f01402 */
 326 @color_dayselector_Btn_Mon_to_Fri:      rgba(249, 249, 249, 1); /* #f9f9f9 */
 327 @color_dayselector_Btn_border:          rgba(0, 0, 0, 0.1); /* #000000 */
 328
 329 @color_dayselector_Btn_normal_start:    rgb(48,65,95) 0%;
 330 @color_dayselector_Btn_normal_end:      rgb(30,43,62) 100%;
 331
 332 @color_dayselector_Btn_press_start:     rgb(71,98,141) 0%;
 333 @color_dayselector_Btn_press_end:       rgb(52,75,112) 100%;
 334
 335 .LESSDayselectorButtonNormal{
 336         .LESSbackground-with-gradient(top, @color_dayselector_Btn_normal_start, @color_dayselector_Btn_normal_end);
 337 }
 338
 339 .LESSDayaselectorButtonPress{
 340         .LESSbackground-with-gradient(top, @color_dayselector_Btn_press_start, @color_dayselector_Btn_press_end);
 341 }
 342
 343 /***************************************************************************
 344                     OptionHeader
 345 ***************************************************************************/
 346 @color_optionheader_Background: rgba(55, 76, 111, 1);
 347 @color_optionheader_bt:         -webkit-linear-gradient(top,  rgb(85,113,160) 0%,rgb(68,95,139) 100%);
 348 @color_optionheader_bt_press:   -webkit-linear-gradient(top,  rgb(42,137,193) 0%,rgb(27,106,153) 100%);
 349 @color_optionheader_tab_text:   rgba(249, 249, 249, 1); /* #f9f9f9 */
 350
 351
 352 /***************************************************************************
 353                     SearchBar(forms.textinput)
 354 ***************************************************************************/
 355 @color_searchbar_bg : rgba(47, 53, 64, 1);
 356 @color_searchbar_default_text : rgba(68, 93, 111, 1);
 357 @color_searchbar_input_field_bg : rgba(0, 0, 0, 1);
 358
 359
 360 /***************************************************************************
 361                     SegmentControl
 362 ***************************************************************************/
 363 @color_segmentcontrol_btn_normal_start : rgb(48,65,95);
 364 @color_segmentcontrol_btn_normal_end : rgb(30,43,62);
 365
 366 @color_segmentcontrol_btn_press_start : rgb(71,98,141);
 367 @color_segmentcontrol_btn_press_end : rgb(52,75,112);
 368
 369 @color_segmentcontrol_Seg_text : rgba(249, 249, 249, 1); /* #F9F9F9*/
 370 @color_segmentcontrol_Seg_text_pressed : rgba(249, 249, 249, 1); /* #F9F9F9*/
 371
 372 .LESSSegmentControlBtnBackground
 373 {
 374         .LESSbackground-with-gradient(top,@color_segmentcontrol_btn_normal_start,@color_segmentcontrol_btn_normal_end);
 375 }
 376
 377 .LESSSegmentControlBtnPressBackground
 378 {
 379         .LESSbackground-with-gradient(top,@color_segmentcontrol_btn_normal_start,@color_segmentcontrol_btn_normal_end);
 380 }
 381 /***************************************************************************
 382                     ControlGroup
 383 ***************************************************************************/
 384 @color_controlgroup_btn_border : rgba(0, 0, 0, 0.1); /* #000000 */
 385
 386
 387 /***************************************************************************
 388                     Header / Footer
 389                     NavigationBar / ControlBar
 390 ***************************************************************************/
 391 @color_bar_bg : rgb(156,181,179);
 392 @color_bar_bg_start : rgb(156, 181, 179);
 393 @color_bar_bg_end : rgb(79, 116, 141);
 394
 395 @color_bar_back_btn_press : rgba(26, 82, 116, 0.3); /* #1A5274 */
 396 @color_bar_btn_press : rgba(0, 0, 0, 0.1);
 397 @color_bar_btn_bg : transparent;
 398 @color_bar_back_btn_bg : transparent;
 399
 400 @color_bar_seg_btn_border : rgba(0, 0, 0, 0.1);
 401 @color_bar_seg_text_press : rgba(249, 249, 249, 1);
 402 @color_bar_seg_text_normal : rgba(249, 249, 249, 1);
 403 @color_bar_seg_btn_press : -webkit-linear-gradient(top,  rgb(94,120,160) 0%,rgb(61,88,131) 100%);
 404 @color_bar_seg_btn_normal : -webkit-linear-gradient(top,  rgb(56,80,120) 0%,rgb(39,58,88) 100%);
 405
 406 @color_bar_title_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
 407 @color_bar_title_bg : rgb(68,88,120);
 408 @color_bar_title_bg_start : rgb(68,88,120);
 409 @color_bar_title_bg_end : rgb(24,37,56);
 410
 411 @color_bar_title_btn_border : rgba(0, 0, 0, 0.2);
 412
 413 @color_bar_footer_bg : rgb(43,54,71);
 414 @color_bar_footer_bg_start : rgb(43,54,71);
 415 @color_bar_footer_bg_end : rgb(17,24,35);
 416 @color_bar_footer_btn_bg : transparent;
 417
 418 @color_controlbar_btn_border : rgba(0, 0, 0, 0.1); /* #000000 */
 419 @color_controlbar_tabbbar_bg : -webkit-linear-gradient(top,  rgb(43,54,71) 0%,rgb(17,24,35) 100%);
 420 @color_controlbar_toolbbar_bg : -webkit-linear-gradient(top,  rgb(43,54,71) 0%,rgb(17,24,35) 100%);
 421 @color_controlbar_bg : -webkit-linear-gradient(top,  rgb(43,54,71) 0%,rgb(17,24,35) 100%);
 422 @color_controlbar_btn_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
 423 @color_controlbar_btn_press : -webkit-linear-gradient(top,  rgb(60,81,114) 0%,rgb(42,58,85) 100%);
 424
 425 @color_border_top : rgba(255, 255, 255, 0.5);
 426 @color_border_bottom : rgba(0, 0, 0, 0.5);
 427
 428 .LESSHeaderFooterBackground
 429 {
 430         .LESSbackground-with-gradient(top, @color_bar_bg_start, @color_bar_bg_end);
 431 }
 432
 433 .LESSColorBarTitleBackground
 434 {
 435         .LESSbackground-with-gradient(top, @color_bar_title_bg_start, @color_bar_title_bg_end);
 436 }
 437
 438 /***************************************************************************
 439                     Tickernoti
 440 ***************************************************************************/
 441 @color_ticker_bg:                       rgb(60, 84, 123);
 442 @color_ticker_text1:                    rgb(249, 249, 249);
 443 @color_ticker_text2:                    rgb(211, 216, 224);
 444 @color_ticker_btn:                      rgb(59, 81, 116);
 445
 446
 447 /***************************************************************************
 448                     Smallpopup
 449 ***************************************************************************/
 450 @color_smallpopup_bg:                   rgb(76, 81, 88);
 451 @color_smallpopup_text:                 rgb(249, 249, 249);
 452
 453
 454 /***************************************************************************
 455                     No Contents
 456 ***************************************************************************/
 457 @color_nocontents_text:                 rgb(102, 102, 102);
 458
 459
 460 /***************************************************************************
 461                     Slider
 462 ***************************************************************************/
 463 @color_slider_handle_text:              rgb(42, 137, 194);
 464 @color_slider_popup_text:               rgb(249, 249, 249);
 465
 466
 467 /***************************************************************************
 468                     Progress
 469 ***************************************************************************/
 470 @color_progress_bar0:                   rgb(178, 178, 178);
 471 @color_progress_bar1:                   rgb(42, 137, 194);
 472
 473
 474 /***************************************************************************
 475                    Handler
 476 ***************************************************************************/
 477 @color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
 478
 479 /***************************************************************************
 480                    multimediaview
 481 ***************************************************************************/
 482 @color_multimediaview_bg : rgb(0, 0, 0);
 483 @color_multimediaview_control_bg : rgba(0, 0, 0, 0.5);
 484 @color_multimediaview_button_bg : rgb(36, 36, 36);
 485 @color_multimediaview_timestamp_text : rgb(42, 137, 194);
 486 @color_multimediaview_duration_text : rgb(128, 128, 128);
 487 @color_multimediaview_bar_gray : rgb(178, 178, 178);
 488 @color_multimediaview_bar_active : rgb(42, 137, 194);
 489 @color_multimediaview_bar_handle : rgb(249, 249, 249);
 490
 491 /***************************************************************************
 492                    Color widgets
 493 ***************************************************************************/
 494 @color_widgets_title_bg: rgb(26, 26, 26);
 495 @color_widgets_basic_border: rgb(32, 32, 32);
 496 @color_widgets_left_border: rgb(45, 51, 74);
 497
 498 .LESScolortitle_background_style{
 499         background-color: @color_widgets_title_bg;
 500         border: 1px solid;
 501         border-color: @color_widgets_basic_border;
 502         border-left: 6px solid;
 503         border-left-color: @color_widgets_left_border;
 504 }
 505
 506 .LESShsvpicker_background_style{
 507         background-color: @color_widgets_title_bg;
 508         border: 1px solid;
 509         border-color: @color_widgets_basic_border;
 510         border-left: 6px solid;
 511         border-left-color: @color_widgets_left_border;
 512 }
 513
 514 .LESSpalette_background_style{
 515         background-color: @color_widgets_title_bg;
 516         border: 1px solid;
 517         border-top: 6px solid;
 518         border-color: @color_widgets_left_border;
 519 }
 520
 521
 522 /***************************************************************************
 523                    multibutton entry
 524 ***************************************************************************/
 525 @color_multibuttonentry_bg : rgb(0, 0, 0);
 526 @color_multibuttonentry_block_text : rgb(255, 255, 255);
 527 @color_multibuttonentry_block_bg : rgb(60, 100, 155);
 528 @color_multibuttonentry_block_border : rgb(85, 131, 174);
 529 @color_multibuttonentry_press_bg : rgb(41, 137, 194);
 530 @color_multibuttonentry_press_border : rgb(93, 187, 244);
 531 @color_multibuttonentry_input_text : rgb(255, 255, 255);
 532 @color_multibuttonentry_link_bg : rgb(100, 100, 100);
 533 @color_multibuttonentry_link : rgb(249, 249, 249);
 534
 535 /***************************************************************************
 536 ***************************************************************************/
 537
 538 /***************************************************************************
 539                   virtualgrid
 540 ***************************************************************************/
 541 @color_virtualgrid_bg : rgb(0, 0, 0);
 542
 543 /***************************************************************************
 544 ****************************************************************************
 545                                                                         Layout ( position, padding, margin etc...)
 546 ****************************************************************************
 547 ***************************************************************************/
 548 @style-title-font-size : 52 * @unit_base;
 549
 550 @style-corner-radius : .3em;
 551 @style-title-extended-2btn-width : 688 * @unit_base;
 552 @style-title-extended-2btn-radio-width : 343 * @unit_base;
 553 @style-title-extended-3btn-width : 688 * @unit_base;
 554 @style-title-extended-3btn-radio-width : 229 * @unit_base;
 555 @style-title-extended-4btn-width : 688 * @unit_base;
 556 @style-title-extended-4btn-radio-width : 171 * @unit_base;
 557
 558 @style-back-btn-left : 44 * @unit_base;
 559 @style-back-btn-arrow-top : 30 * @unit_base;
 560
 561 @style-title-min-height : 62 * @unit_base;
 562 @style-title-extended-margin : -30 * @unit_base;
 563 /***************************************************************************
 564                                                                         Navigation
 565 ***************************************************************************/
 566
 567 .LESStitle-diff-style {
 568         text-align: left;
 569         margin: 19*@unit_base 135*@unit_base 19*@unit_base 16*@unit_base;
 570 }
 571
 572 .LESSextended-controlgroup-border {
 573         border-style : solid;
 574         border-width : 1px;
 575         border-bottom-width: 2px;
 576
 577         border-bottom-color: @color_border_bottom;
 578         border-top-color: @color_border_top;
 579         border-left-color: @color_bar_seg_btn_border;
 580         border-right-color: @color_bar_seg_btn_border;
 581 }
 582
 583 .LESSback-btn-background {
 584         background : none;
 585 }
 586
 587 .LESSbtn-back {
 588         width : 144 * @unit_base;
 589         height : 114 * @unit_base;
 590         top : 0 * @unit_base;
 591         right : 0 * @unit_base;
 592 }
 593
 594 .LESSbtn-back-inner {
 595         width : 144 * @unit_base;
 596         height : 114 * @unit_base;
 597 }
 598
 599 .LESSbtn-arrow-position {
 600         left : 20 * @unit_base;
 601         top : 30 * @unit_base;
 602 }
 603
 604 .LESSdialogue-border-style {
 605         border-right-style : solid;
 606         border-right-color : @color_dialogue_border_right;
 607         border-right-width : 1px;
 608 }
 609
 610 .LESSdialogue-divider {
 611         padding-top : 36 * @unit_base;
 612         padding-bottom : 10 * @unit_base;
 613         padding-left : 10 * @unit_base;
 614
 615         margin-left : 16 * @unit_base;
 616         margin-right : 16 * @unit_base;
 617
 618         background : @color_list_dialogue_bg;
 619         font-size : 32 * @unit_base;
 620         font-weight : bold;
 621         color : @color_dialogue_main_text;
 622 }