winset: change background rgb color in black theme (UX guide)

rgb(0,0,0) -> rgb(8,8,8)

Change-Id: I666ff6d727b3c3669f072a10228716beb4179fb9

2 files changed, 26 insertions, 24 deletions

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less b/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
index 01262265..4c2627b2 100644
--- a/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.tabbar.less
@@ -197,6 +197,8 @@
 		.ui-btn-inner {
 			padding-top : 2 * @unit_base;
 			padding-bottom : 2 * @unit_base;
+			border-color : @color_bar_toolbar_divider;
+			border-left : 1px solid;
 			.ui-icon {
 				top : 0px;
 			}
diff --git a/src/themes/tizen/tizen-black/style.less b/src/themes/tizen/tizen-black/style.less
index 15a98f8d..b0bf5aa0 100644
--- a/src/themes/tizen/tizen-black/style.less
+++ b/src/themes/tizen/tizen-black/style.less
@@ -1,7 +1,7 @@
 /***************************************************************************
                   Body
 ***************************************************************************/
-@color_bg: rgb(0, 0, 0);					/* B011 : Main Background color */
+@color_bg: rgb(8, 8, 8);					/* B011 : Main Background color */
 @color_text: rgb(250, 250, 250);				/* B012 : Main font color */
 
 /***************************************************************************
@@ -10,38 +10,38 @@
 @color_bar_title_text : rgba(250, 250, 250, 1);			/* B042 : title text */
 @color_bar_title_button_text : rgba(250, 250, 250, 1);	/* B052L4 : Title text button */
 @color_bar_title_button_text_press : rgba(59, 115, 182, 1);	/* B052L5 : Title text button press */
-@color_bar_title_shadow : rgba(0, 0, 0, 0.75);
+@color_bar_title_shadow : rgba(8, 8, 8, 0.75);
 @color_bar_btn_press : rgba(49, 63, 102, 1);			/* B052L1P : Title text button press bg */
-@color_bar_divider_line : rgba(255, 255, 255, 0.3);		/* 00_divider_line.9.png */
+@color_bar_divider_line : rgba(131, 140, 163, 1);		/* 00_divider_line.9.png */
 @color_bar_naviframe_bg : rgba(49, 63, 102, 1);
 @color_bar_tabbar_bg : rgba(49, 63, 102, 1);
 @color_bar_toolbar_bg : rgba(70, 76, 94, 1);			/* B0515L1: Toolbar bg */
 @color_bar_toolbar_button_text : rgba(250, 250, 250, 1);	/* B052L4 : Toolbar button normal */
 @color_bar_toolbar_button_text_press : rgba(250, 250, 250, 1);	/* B052L4P : Toolbar button pressed */
-@color_bar_toolbar_divider : rgba(255, 255, 255, 0.2);
+@color_bar_toolbar_divider : rgba(107, 112, 126, 1);	/* B0221L3: footer divider */
 @color_bar_navbar_press : rgba(42, 57, 172, 1);		/* B0511P : Navigation bar bg press */
 
 /***************************************************************************
                    Tabbar
 ***************************************************************************/
-@color_tabbar_btn_tab_press : -webkit-linear-gradient(top, rgba(0, 0, 0,1) 0%, rgba(32, 35, 39,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
+@color_tabbar_btn_tab_press : -webkit-linear-gradient(top, rgba(8, 8, 8, 1) 0%, rgba(32, 35, 39,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
 @color_tabbar_btn_pressed : rgba(51, 67, 178, 1);	/* B052L6P */
 @color_tabbar_border_active : rgba(93, 131, 255, 1);
 @color_tabbar_btn_normal : rgba(240, 240, 240, 1);	/* B052L6 */
-@color_tabbar_footer_btn_press : rgba(39, 53, 163, 1);
+@color_tabbar_footer_btn_press : rgba(42, 57, 172, 1);
 
 /***************************************************************************
                    List
 ***************************************************************************/
-@color_list_bg:	rgba(0, 0, 0, 1);								/* B0211 */
-@color_list_press : rgba(43, 58, 175, 1);						/* B041	*/
+@color_list_bg:	rgba(8, 8, 8, 1);								/* B0211 */
+@color_list_press : rgba(33, 49, 99, 1);	/* B041	*/
 @color_list_border_bottom: rgba(64, 64, 64, 1);	/* B0223 */
 @color_list_main_text_focus: rgba(250, 250, 250, 1);
 @color_list_main_text_unfocus: rgba(250, 250, 250, 1);
 @color_list_sub_text_default: rgba(110, 111, 118, 1);
 
-@color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
-@color_list_divider_bg : rgba(0, 0, 0, 1);				/* W021L1 */
+@color_list_divider_expand_div : rgba(8, 8, 8, 0.5);
+@color_list_divider_bg : rgba(8, 8, 8, 1);				/* W021L1 */
 @color_list_divider_line : rgba(66, 87, 144, 1);			/* W021L2 */
 @color_list_divider_text : rgba(66, 87, 144, 1);
 @color_list_divider_bg_press : rgba(43, 58, 175, 1);
@@ -52,17 +52,17 @@
 @color_list_dialogue_bg : rgba(17, 19, 27, 1);
 @color_dialogue_main_text: rgba(93, 131, 255, 1);			/* F011L5 */
 @color_dialogue_border_right: rgba(98, 105, 127, 0.3);
-@color_dialogue_divider_bg : rgba(0, 0, 0, 1);
+@color_dialogue_divider_bg : rgba(8, 8, 8, 1);
 
 @color_list_expanded_bg : rgba(220, 218, 211, 1);
 
 @color_list_editfield : rgba(32, 36, 50, 1);				/* F011L1 */
 @color_editfield_focus_border : rgba(58, 114, 255, 1);
 
-@color_checklist_btn_bg : rgba(0, 0, 0, 1);
+@color_checklist_btn_bg : rgba(8, 8, 8, 1);
 
-@color_list_bubble_sent_text:	rgb(0, 0, 0);				/* W051 */
-@color_list_bubble_receive_text:	rgb(0, 0, 0);				/* W051 */
+@color_list_bubble_sent_text:	rgb(8, 8, 8);				/* W051 */
+@color_list_bubble_receive_text:	rgb(8, 8, 8);				/* W051 */
 @color_list_bubble_sos_text:	rgb(209, 0, 0);				/* F011L15 */
 @color_list_bubble_date_text:	rgb(104, 104, 104);		/* F011L18 */
 @color_list_bubble_date_bg:		rgba(225, 225, 225, 0);
@@ -100,7 +100,7 @@
 ***************************************************************************/
 @color_searchbar_bg : rgba(29, 38, 60, 1);
 @color_searchbar_default_text : rgba(93, 97, 118, 1);		/* Search default text */
-@color_searchbar_input_field_bg : rgba(0, 0, 0, 1);
+@color_searchbar_input_field_bg : rgba(8, 8, 8, 1);
 @color_searchbar_border : rgba(63, 70, 88, 1);
 @color_searchbar_border_focus : rgba(58, 114, 255, 1);
 @color_searchbar_divider : rgba(59, 69, 98, 1);
@@ -156,7 +156,7 @@
 @color_button_edit:		rgb(201, 88, 88);
 @color_button_edit_webkit:	-webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
 @color_button_edit_moz:		-moz_linear-gradient(top, rgb(201, 88, 88), rgb(161, 40, 40));
-@color_button_inner_border:	rgba(0, 0, 0, 1);
+@color_button_inner_border:	rgba(8, 8, 8, 1);
 
 .LESSbutton_box_style{
         color: @color_button_text_normal;
@@ -231,7 +231,7 @@
 @color_ctxpopup_timepicker_text_focus:  rgba( 255, 255, 255, 1 );
 
 @color_ctxpopup_scrollbar_bg :		rgba(71, 72, 74, 1);
-@color_ctxpopup_scrollbar_border :	rgba(0, 0, 0, 1);
+@color_ctxpopup_scrollbar_border :	rgba(8, 8, 8, 1);
 
 /***************************************************************************
                    Scrollview
@@ -239,7 +239,7 @@
 @color_scrollbar: 		rgb(57, 59, 65);
 @color_scrollview_indicator_start:	rgb(186,186,186);
 @color_scrollview_indicator_end:	rgb(32,35,39);
-@color_scrollbar_thumb_shadow:		rgba(0, 0, 0, 50);
+@color_scrollbar_thumb_shadow:		rgba(8, 8, 8, 50);
 
 /***************************************************************************
                    Date Time picker
@@ -260,7 +260,7 @@
                    Popup
 ***************************************************************************/
 @color_popup_bg:		rgba(29, 38, 60, 1);
-@color_popup_dim:		rgb(0, 0, 0);
+@color_popup_dim:		rgb(8, 8, 8);
 @color_popup_center_progressbar_title:	rgba(153, 153, 153, 1);
 @color_popup_title_bg:		rgba(73, 87, 123, 1);	/* popup_title_bg.png */
 @color_popup_title_text:	rgba(250, 250, 250, 1);	/* B063L9 : Basic Style_title */
@@ -274,7 +274,7 @@
 @color_popup_buttonbg_moz:	-moz-linear-gradient(top, rgb(238, 238, 238), rgb(225, 225, 225));
 @color_popup_buttonbg_ms:	-ms-linear-gradient(top, rgb(238, 238, 238), rgb(225, 225, 225));
 @color_popup_buttonbg_o:	-o-linear-gradient(top, rgb(238, 238, 238), rgb(225, 225, 225));
-@color_popup_buttontext:	rgb(0, 0, 0);
+@color_popup_buttontext:	rgb(8, 8, 8);
 @color_popup_buttonbg_over:	rgb(94, 136, 163);
 @color_popup_button_border:     rgb(125, 126, 130);
 
@@ -284,7 +284,7 @@
 @color_popup_buttonbg_press_ms:		-ms-linear-gradient(top, rgb(39, 51, 159), rgb(42, 57, 172));
 @color_popup_buttonbg_press_o:		-o-linear-gradient(top, rgb(39, 151, 159), rgb(42, 57, 172));
 
-@color_popup_scroller_bg:	rgba(0, 0, 0, 1);
+@color_popup_scroller_bg:	rgba(8, 8, 8, 1);
 
 
 @font_size_popup_basic_style_title:		24 * @unit_base; //1.1875rem;	/* 38px */
@@ -357,14 +357,14 @@
                    Handler
 ***************************************************************************/
 @color_scrollview_handler_bg : rgb(57, 59, 65);
-@color_scrollview_handler_shadow : rgb(0, 0, 0, 0.4);
+@color_scrollview_handler_shadow : rgb(8, 8, 8, 0.4);
 
 
 /***************************************************************************
                    multimediaview
 ***************************************************************************/
-@color_multimediaview_bg : rgb(0, 0, 0);
-@color_multimediaview_control_bg : rgba(0, 0, 0, 0.8);
+@color_multimediaview_bg : rgb(8, 8, 8);
+@color_multimediaview_control_bg : rgba(8, 8, 8, 0.8);
 @color_multimediaview_timestamp_text : rgb(104, 144, 255);
 @color_multimediaview_duration_text : rgb(110, 111, 118);
 @color_multimediaview_bar_gray : rgb(85, 88, 97);