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 (file)
--- 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 (file)
--- 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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
--- 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 );
 }