BlackGUI: 3rd draft
[platform/framework/web/web-ui-fw.git] / src / themes / tizen / tizen-black / style.less
index fc58e30..fdb3097 100644 (file)
@@ -1,5 +1,5 @@
 /***************************************************************************
-                   Body
+                  Body
 ***************************************************************************/
 @color_bg: rgb(32, 35, 39);                                    /* B011 : Main Background color */
 @color_text: rgb(249, 249, 249);                               /* B012 : Main font color */
@@ -11,7 +11,7 @@
 @color_bar_title_button_text : rgba(58, 58, 58, 1);    /* B052L4 : Title text button */
 @color_bar_title_button_text_press : rgba(59, 115, 182, 1);    /* B052L5 : Title text button press */
 @color_bar_btn_press : rgba(64, 147, 247, 0.1);                        /* B052L1P : Title text button press bg */
-@color_bar_divider_line : rgba(91, 91, 91, 1);         /* 00_divider_line.9.png */
+@color_bar_divider_line : rgba(59, 62, 64, 1);         /* 00_divider_line.9.png */
 @color_bar_naviframe_bg : rgba(32, 35, 39, 1);
 /***************************************************************************
                    Tabbar
@@ -26,7 +26,7 @@
 @color_list_bg:        rgba(32, 35, 39, 1);                                                            /* B0211 */
 @color_list_press : rgba(87, 135, 194, 1);                                             /* B041 */
 @color_list_border_bottom: rgba(45, 45, 45, 0.5);      /* B0221 */
-@color_list_main_text_focus: rgba(215, 215, 215, 1);
+@color_list_main_text_focus: rgba(255, 255, 255, 1);
 @color_list_main_text_unfocus: rgba(215, 215, 215, 1);
 @color_list_sub_text_default: rgba(128, 128, 128, 1);
 
@@ -36,7 +36,7 @@
 
 @color_list_dialogue_bg : rgba(42, 45, 48, 1);
 @color_dialogue_main_text: rgba(59, 115, 182, 1);
-@color_dialogue_border_right: rgba(142, 154, 163, 1);
+@color_dialogue_border_right: rgba(12, 15, 20, 1);
 
 @color_list_expanded_bg : rgba(220, 218, 211, 1);
 
                         Button(connected with other winset)
 ***************************************************************************/
 
-@color_button_text_black:      rgb(249, 249, 249);
+@color_button_text_black:      rgb(186, 186, 186);
 
 @color_button_EditText:         rgb(249, 249, 249);
 @color_button_EditTextPress:    rgb(61, 61, 61);
 
 @color_button_text_normal:      rgb(58, 58, 58);
-@color_button_text_press:       rgb(248, 246, 239);
+@color_button_text_press:       rgb(255, 255, 255);
 @color_button_text_white:       rgb(249, 249, 249);
 
 @color_button_normal:           rgb(32, 35, 39);
                    Scrollview
 ***************************************************************************/
 @color_scrollbar:              rgb(57, 59, 65);
-
+@color_scrollview_indicator_start:     rgb(186,186,186);
+@color_scrollview_indicator_end:       rgb(32,35,39);
 
 /***************************************************************************
                    Date Time picker
 @color_popup_center_progressbar_title: rgba(153, 153, 153, 1);
 @color_popup_title_bg:         rgba(80, 147, 182, 255);        /* popup_title_bg.png */
 
-@color_popup_button_bg:                rgba(248, 246, 239, 1);
+@color_popup_button_bg:                rgba(42, 45, 48, 1);
 @color_popup_font: rgba(248, 246, 239, 1); /* maybe not use only popupwindow*/
 @color_popup_text_font:                rgba(249, 249, 249, 1);
 
 /***************************************************************************
                     Slider
 ***************************************************************************/
-@color_slider_handle_text:             rgb(59, 115, 182);
+@color_slider_handle_text:             rgb(255, 255, 255);
 @color_slider_popup_text:              rgb(249, 249, 249);
+@color_slider_left_text:               rgb(186, 186, 186);
+@color_slider_right_text:              rgb(186, 186, 186);
+@color_slider_label_text:              rgb(255, 255, 255);
 
 
 /***************************************************************************
 ***************************************************************************/
 @color_progress_bar0:                  rgb(0, 0, 0);
 @color_progress_bar1:                  rgb(29, 31, 34);
-@color_progress_border:                rgb(29, 31, 34);
+@color_progress_border:                        rgb(29, 31, 34);
 @color_progress_value0:                        rgb(54, 119, 195);
 @color_progress_value1:                        rgb(29, 31, 34);
+@color_progress_shadow:                        rgb(255, 255, 255);
 
 
 /***************************************************************************
 @color_tokentextarea_block_bg : rgb(95, 138, 189);
 @color_tokentextarea_press_bg : rgb(54, 89, 132);
 @color_tokentextarea_input_text : #222222;
-@color_tokentextarea_label_text : rgb(102, 102, 102);
+@color_tokentextarea_label_text : rgb(128, 128, 128);
 
 /***************************************************************************
                    Splitview