[Button] UX 0.9 Button colour changes

Change-Id: Ic6d32c671f4a72546645e3fdd79dbcece6d00640

diff --git a/themes/inc/tizen-dark-inc.edc b/themes/inc/tizen-dark-inc.edc
index 00ac45b..b104b5c 100755 (executable)
--- a/themes/inc/tizen-dark-inc.edc
+++ b/themes/inc/tizen-dark-inc.edc
@@ -341,7 +341,7 @@
 #define BUTTON_NUMBER_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
 #define BUTTON_NUMBER_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_NUMBER_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_NUMBER_TEXTBLOCK_DISABLE_VISIBLE_COLOR_INC "#FAFAFA80"
+#define BUTTON_NUMBER_TEXTBLOCK_DISABLE_VISIBLE_COLOR_INC "#FAFAFA99"
 
 #define BUTTON_NUMBER_ICON_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_NUMBER_ICON_PRESSED_COLOR_INC 250 250 250 255
@@ -350,36 +350,39 @@
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_SEARCH_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA99"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_NORMAL_COLOR_INC "#000000C0"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_PRESSED_COLOR_INC "#000000C0"
 
-#define BUTTON_SEARCH_BUTTON_SEND_NORMAL_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_SEND_PRESSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_SEND_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_SEND_DISABLED_COLOR_INC 250 250 250 135
-#define BUTTON_SEARCH_BUTTON_SEND_SHADOW_NORMAL_COLOR_INC 0 0 0 192
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA99"
 
-#define BUTTON_SEARCH_BUTTON_CANCEL_NORMAL_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_CANCEL_PRESSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_CANCEL_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_CANCEL_DISABLED_COLOR_INC 250 250 250 153
-#define BUTTON_SEARCH_BUTTON_CANCEL_SHADOW_NORMAL_COLOR_INC 0 0 0 192
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA99"
 
 #define BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC 250 250 250 255
 #define BUTTON_TEXT_STYLE1_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC 250 250 250 128
+#define BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC 250 250 250 153
 
 #define BUTTON_TEXT_STYLE1_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
 #define BUTTON_TEXT_STYLE1_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_TEXT_STYLE1_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_TEXT_STYLE1_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA80"
+#define BUTTON_TEXT_STYLE1_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA99"
+
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA99"
 
 #define BUTTON_POPUP_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#000000FF"
 #define BUTTON_POPUP_BUTTON_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_POPUP_BUTTON_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_POPUP_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#00000080"
+#define BUTTON_POPUP_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#00000099"
 
 #define BUTTON_POPUP_BUTTON_SHADOW_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAC0"
 #define BUTTON_POPUP_BUTTON_SHADOW_TEXTBLOCK_PRESSED_COLOR_INC "#000000C0"
@@ -387,17 +390,17 @@
 #define BUTTON_DELETE_BUTTON_TEXT_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_DELETE_BUTTON_TEXT_PRESSED_COLOR_INC 250 250 250 255
 #define BUTTON_DELETE_BUTTON_TEXT_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_DELETE_BUTTON_TEXT_DISABLED_COLOR_INC 250 250 250 128
+#define BUTTON_DELETE_BUTTON_TEXT_DISABLED_COLOR_INC 250 250 250 153
 
 #define BUTTON_SWEEP_BUTTON_TEXT_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_SWEEP_BUTTON_TEXT_PRESSED_COLOR_INC 250 250 250 255
 #define BUTTON_SWEEP_BUTTON_TEXT_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_SWEEP_BUTTON_TEXT_DISABLED_COLOR_INC 250 250 250 128
+#define BUTTON_SWEEP_BUTTON_TEXT_DISABLED_COLOR_INC 250 250 250 153
 
 #define BUTTON_DEFAULT_STYLE_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
 #define BUTTON_DEFAULT_STYLE_BUTTON_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_DEFAULT_STYLE_BUTTON_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_DEFAULT_STYLE_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA80"
+#define BUTTON_DEFAULT_STYLE_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA99"
 
 #define BUTTON_CONTACT_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
 #define BUTTON_CONTACT_BUTTON_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
@@ -417,7 +420,7 @@
 
 #define BUTTON_CIRCLE_STYLE_WARNING_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_CIRCLE_STYLE_WARNING_PRESSED_COLOR_INC 250 250 250 255
-#define BUTTON_CIRCLE_STYLE_WARNING_DISABLED_COLOR_INC 250 250 250 128
+#define BUTTON_CIRCLE_STYLE_WARNING_DISABLED_COLOR_INC 250 250 250 153
 
 #define BUTTON_EDIT_STYLE_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_EDIT_STYLE_PRESSED_COLOR_INC 250 250 250 255

diff --git a/themes/inc/tizen-light-inc.edc b/themes/inc/tizen-light-inc.edc
index 88be50b..7e0a9f0 100755 (executable)
--- a/themes/inc/tizen-light-inc.edc
+++ b/themes/inc/tizen-light-inc.edc
@@ -338,43 +338,46 @@
 #define BUTTON_TICKER_TEXT_SHADOW_NORMAL_COLOR_INC 0 0 0 192
 #define BUTTON_TICKER_TEXT_SHADOW_PRESSED_COLOR_INC 0 0 0 192
 
-#define BUTTON_NUMBER_TEXTBLOCK_NORMAL_COLOR_INC "#3A3A3AFF"
+#define BUTTON_NUMBER_TEXTBLOCK_NORMAL_COLOR_INC "#282828FF"
 #define BUTTON_NUMBER_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_NUMBER_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_NUMBER_TEXTBLOCK_DISABLE_VISIBLE_COLOR_INC "#3A3A3A80"
+#define BUTTON_NUMBER_TEXTBLOCK_DISABLE_VISIBLE_COLOR_INC "#28282880"
 
 #define BUTTON_NUMBER_ICON_NORMAL_COLOR_INC 58 58 58 255
 #define BUTTON_NUMBER_ICON_PRESSED_COLOR_INC 250 250 250 255
 #define BUTTON_NUMBER_ICON_DISABLED_COLOR_INC 58 58 58 128
 
-#define BUTTON_SEARCH_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#282828FF"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_SEARCH_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_TEXTBLOCK_DISABLED_COLOR_INC "#28282880"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_NORMAL_COLOR_INC "#000000C0"
 #define BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_PRESSED_COLOR_INC "#000000C0"
 
-#define BUTTON_SEARCH_BUTTON_SEND_NORMAL_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_SEND_PRESSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_SEND_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_SEND_DISABLED_COLOR_INC 250 250 250 128
-#define BUTTON_SEARCH_BUTTON_SEND_SHADOW_NORMAL_COLOR_INC 0 0 0 255
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA80"
 
-#define BUTTON_SEARCH_BUTTON_CANCEL_NORMAL_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_CANCEL_PRESSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_CANCEL_FOCUSED_COLOR_INC 250 250 250 255
-#define BUTTON_SEARCH_BUTTON_CANCEL_DISABLED_COLOR_INC 250 250 250 128
-#define BUTTON_SEARCH_BUTTON_CANCEL_SHADOW_NORMAL_COLOR_INC 0 0 0 255
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA80"
 
 #define BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC 58 58 58 255
 #define BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC 250 250 250 255
 #define BUTTON_TEXT_STYLE1_FOCUSED_COLOR_INC 250 250 250 255
 #define BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC 58 58 58 128
 
-#define BUTTON_TEXT_STYLE1_TEXTBLOCK_NORMAL_COLOR_INC "#3A3A3AFF"
+#define BUTTON_TEXT_STYLE1_TEXTBLOCK_NORMAL_COLOR_INC "#282828FF"
 #define BUTTON_TEXT_STYLE1_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_TEXT_STYLE1_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_TEXT_STYLE1_TEXTBLOCK_DISABLED_COLOR_INC "#3A3A3A80"
+#define BUTTON_TEXT_STYLE1_TEXTBLOCK_DISABLED_COLOR_INC "#28282880"
+
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_NORMAL_COLOR_INC "#FAFAFAFF"
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_FOCUSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_DISABLED_COLOR_INC "#FAFAFA80"
 
 #define BUTTON_POPUP_BUTTON_TEXTBLOCK_NORMAL_COLOR_INC "#3A3A3AFF"
 #define BUTTON_POPUP_BUTTON_TEXTBLOCK_PRESSED_COLOR_INC "#FAFAFAFF"

diff --git a/themes/widgets/button.edc b/themes/widgets/button.edc
index 2e3f4d6..52c54a0 100644 (file)
--- a/themes/widgets/button.edc
+++ b/themes/widgets/button.edc
@@ -694,6 +694,32 @@
          image: "00_button_01_delete_dim.png" COMP;
          image: "00_button_01_delete_press.png" COMP;
       }
+      styles{
+         style { name: "btn_base_style1_delete";
+            base: "font=Tizen:style=Regular font_size="BUTTON_TEXT_STYLE1_FONT_SIZE_INC" align=center color="BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_NORMAL_COLOR_INC" style=far_shadow,bottom shadow_color="BUTTON_TEXT_SHADOW_TEXTBLOCK_NORMAL_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_style1_delete_pressed";
+            base: "font=Tizen:style=Regular font_size="BUTTON_TEXT_STYLE1_FONT_SIZE_INC" align=center color="BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_PRESSED_COLOR_INC" style=far_shadow,top shadow_color="BUTTON_TEXT_SHADOW_TEXTBLOCK_PRESSED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_style1_delete_dim";
+            base: "font=Tizen:style=Regular font_size="BUTTON_TEXT_STYLE1_FONT_SIZE_INC" align=center color="BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_DISABLED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_style1_delete_focus";
+            base: "font=Tizen:style=Regular font_size="BUTTON_TEXT_STYLE1_FONT_SIZE_INC" align=center color="BUTTON_TEXT_STYLE1_DELETE_TEXTBLOCK_FOCUSED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+      }
       parts {
          part { name: "button_image";
             scale: 1;
@@ -734,7 +760,7 @@
                   to: "padding_right_bottom";
                }
                text {
-                  style: "btn_base_style1";
+                  style: "btn_base_style1_delete";
                }
             }
             description { state: "visible" 0.0;
@@ -745,7 +771,7 @@
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_style1_pressed";
+                  style: "btn_base_style1_delete_pressed";
                }
             }
             description { state: "disabled" 0.0;
@@ -755,14 +781,14 @@
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_style1_dim";
+                  style: "btn_base_style1_delete_dim";
                }
             }
             description { state: "focused" 0.0;
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_style1_focus";
+                  style: "btn_base_style1_delete_focus";
                }
             }
          }
@@ -879,6 +905,32 @@
          image: "00_button_01_send_dim.png" COMP;
          image: "00_button_01_send_press.png" COMP;
       }
+      styles{
+         style { name: "btn_base_search_send";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_NORMAL_COLOR_INC" style=far_shadow,bottom shadow_color="BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_NORMAL_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_search_send_pressed";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_PRESSED_COLOR_INC" style=far_shadow,top shadow_color="BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_PRESSED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_search_send_dim";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_DISABLED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_search_send_focus";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_SEND_TEXTBLOCK_FOCUSED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+      }
       parts {
          part { name: "button_image";
             scale: 1;
@@ -936,7 +988,7 @@
                   to: "padding_right_bottom";
                }
                text {
-                  style: "btn_base_search";
+                  style: "btn_base_search_send";
                   min: 0 0;
                   max: 1 0;
                }
@@ -949,7 +1001,7 @@
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_search_pressed";
+                  style: "btn_base_search_send_pressed";
                }
             }
             description { state: "disabled" 0.0;
@@ -959,14 +1011,14 @@
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_search_dim";
+                  style: "btn_base_search_send_dim";
                }
             }
             description { state: "focused" 0.0;
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_search_focus";
+                  style: "btn_base_search_send_focus";
                }
             }
          }
@@ -981,6 +1033,32 @@
          image: "00_button_01_delete_dim.png" COMP;
          image: "00_button_01_delete_press.png" COMP;
       }
+      styles{
+         style { name: "btn_base_search_cancel";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_NORMAL_COLOR_INC" style=far_shadow,bottom shadow_color="BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_NORMAL_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_search_cancel_pressed";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_PRESSED_COLOR_INC" style=far_shadow,top shadow_color="BUTTON_SEARCH_BUTTON_TEXTBLOCK_SHADOW_PRESSED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_search_cancel_dim";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_DISABLED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+         style { name: "btn_base_search_cancel_focus";
+            base: "font=Tizen:style=Regular font_size="BUTTON_SEARCH_BUTTON_TEXT_FONT_SIZE_INC" align=center color="BUTTON_SEARCH_BUTTON_CANCEL_TEXTBLOCK_FOCUSED_COLOR_INC" ellipsis=1.0 wrap=none text_class=tizen";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+      }
       parts {
          part { name: "button_image";
             scale: 1;
@@ -1038,7 +1116,7 @@
                   to: "padding_right_bottom";
                }
                text {
-                  style: "btn_base_search";
+                  style: "btn_base_search_cancel";
                   min: 0 0;
                   max: 1 0;
                }
@@ -1051,7 +1129,7 @@
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_search_pressed";
+                  style: "btn_base_search_cancel_pressed";
                }
             }
             description { state: "disabled" 0.0;
@@ -1061,14 +1139,14 @@
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_search_dim";
+                  style: "btn_base_search_cancel_dim";
                }
             }
             description { state: "focused" 0.0;
                inherit: "default" 0.0;
                visible: 1;
                text {
-                  style: "btn_base_search_focus";
+                  style: "btn_base_search_cancel_focus";
                }
             }
          }