From: Wonseop Kim Date: Wed, 19 Jun 2013 11:50:35 +0000 (+0900) Subject: multimediaview: Apply light theme X-Git-Tag: submit/tizen_2.2/20130714.154816~9^2~20 X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=a5ad626ef6ad1d2b73cc4ccf8fb6e2e33b2c50e8;p=framework%2Fweb%2Fweb-ui-fw.git multimediaview: Apply light theme Change-Id: I0c1b3765bbc82158918940084cdc874bf2d71596 --- diff --git a/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less b/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less index 5adf6fb..1bcd76b 100644 --- a/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less +++ b/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less @@ -207,7 +207,7 @@ } .ui-button-down { - background: @color_button_press; + .LESSmultimediaview_bar_handle_press_style(); } } } diff --git a/src/themes/tizen/tizen-black/style.less b/src/themes/tizen/tizen-black/style.less index 5620bee..183805f 100644 --- a/src/themes/tizen/tizen-black/style.less +++ b/src/themes/tizen/tizen-black/style.less @@ -352,6 +352,8 @@ @color_multimediaview_bar_gray : rgb(85, 88, 97); @color_multimediaview_bar_active : rgb(65, 91, 254); @color_multimediaview_bar_handle : rgb(60, 64, 68); +@color_multimediaview_bar_handle_shadow : inset 0px 1px 1px rgba(122, 125, 134, 1); +@color_multimediaview_bar_handle_shadow_press : inset 0px -1px 1px rgba(122, 125, 134, 1); .LESSmultimediaview_bar_active_style{ background-color : @color_multimediaview_bar_active; @@ -360,13 +362,15 @@ .LESSmultimediaview_bar_handle_style{ background-color : @color_multimediaview_bar_handle; - background-image : -webkit-linear-gradient(top, rgb(75, 77, 86), rgb(63, 65, 72)); - background-image : -moz-linear-gradient(top, rgb(75, 77, 86), rgb(63, 65, 72)); - background-image : -o-linear-gradient(top, rgb(75, 77, 86), rgb(63, 65, 72)); - background-image : -ms-linear-gradient(top, rgb(75, 77, 86), rgb(63, 65, 72)); - .LESSbox-shadow-line( @button_shadow_inner ); + .LESSbox-shadow-line( @color_multimediaview_bar_handle_shadow ); +} + +.LESSmultimediaview_bar_handle_press_style{ + background-color : @color_button_press; + .LESSbox-shadow-line( @color_multimediaview_bar_handle_shadow_press ); } + /*************************************************************************** tokentextarea ***************************************************************************/ diff --git a/src/themes/tizen/tizen-white/images/00_button_fullscreen_off.png b/src/themes/tizen/tizen-white/images/00_button_fullscreen_off.png index 0ae6360..1afb045 100644 Binary files a/src/themes/tizen/tizen-white/images/00_button_fullscreen_off.png and b/src/themes/tizen/tizen-white/images/00_button_fullscreen_off.png differ diff --git a/src/themes/tizen/tizen-white/images/00_button_fullscreen_on.png b/src/themes/tizen/tizen-white/images/00_button_fullscreen_on.png index 0390c0d..fc1d516 100644 Binary files a/src/themes/tizen/tizen-white/images/00_button_fullscreen_on.png and b/src/themes/tizen/tizen-white/images/00_button_fullscreen_on.png differ diff --git a/src/themes/tizen/tizen-white/images/00_button_pause.png b/src/themes/tizen/tizen-white/images/00_button_pause.png index 034e700..e32a1fb 100644 Binary files a/src/themes/tizen/tizen-white/images/00_button_pause.png and b/src/themes/tizen/tizen-white/images/00_button_pause.png differ diff --git a/src/themes/tizen/tizen-white/images/00_button_play.png b/src/themes/tizen/tizen-white/images/00_button_play.png index 812d5cc..be36511 100644 Binary files a/src/themes/tizen/tizen-white/images/00_button_play.png and b/src/themes/tizen/tizen-white/images/00_button_play.png differ diff --git a/src/themes/tizen/tizen-white/style.less b/src/themes/tizen/tizen-white/style.less index 33fa7eb..81f5020 100644 --- a/src/themes/tizen/tizen-white/style.less +++ b/src/themes/tizen/tizen-white/style.less @@ -349,28 +349,27 @@ ***************************************************************************/ @color_multimediaview_bg : rgb(249, 249, 249); @color_multimediaview_control_bg : rgba(248, 246, 239, 0.5); -@color_multimediaview_button_bg : rgb(248, 246, 239); @color_multimediaview_timestamp_text : rgb(74, 132, 201); @color_multimediaview_duration_text : rgb(128, 128, 128); @color_multimediaview_bar_gray : rgb(203, 200, 197); @color_multimediaview_bar_active : rgb(74, 132, 201); -@color_multimediaview_bar_handle : rgb(249, 249, 249); -@color_multimediaview_button_border : rgb(186, 185, 180); +@color_multimediaview_bar_handle : rgb(250, 250, 250); +@color_multimediaview_bar_handle_shadow : inset 0px -1px 1px rgba(0, 0, 0, 1); +@color_multimediaview_bar_handle_shadow_press : inset 0px 1px 1px rgba(0, 0, 0, 1); .LESSmultimediaview_bar_active_style{ background-color : @color_multimediaview_bar_active; - background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(98, 137, 217)), to(rgb(41, 91, 152))); - background-image : -moz-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152)); - background-image : -o-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152)); - background-image : -ms-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152)); + box-shadow: 0px -1px 1px @color_progress_shadow inset; } .LESSmultimediaview_bar_handle_style{ background-color : @color_multimediaview_bar_handle; - background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(230, 230, 230))); - background-image : -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230)); - background-image : -o-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230)); - background-image : -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230)); + .LESSbox-shadow-line( @color_multimediaview_bar_handle_shadow ); +} + +.LESSmultimediaview_bar_handle_press_style{ + background-color : @color_button_press; + .LESSbox-shadow-line( @color_multimediaview_bar_handle_shadow_press ); }