[Toolbar] Change the separator

diff --git a/themes/inc/tizen-black-hd-inc.edc b/themes/inc/tizen-black-hd-inc.edc
index bdab740..13b65a1 100644 (file)
--- a/themes/inc/tizen-black-hd-inc.edc
+++ b/themes/inc/tizen-black-hd-inc.edc
@@ -1166,3 +1166,7 @@
 #define SCROLLER_HANDLER_SCROLLBAR_VBAR_MIDDLE_MIN_SIZE_INC 48 26
 #define SCROLLER_HANDLER_SCROLLBAR_HBAR_MIDDLE_MIN_SIZE_INC 26 48
 #define SCROLLER_HANDLER_SCROLLBAR_PADDING_INC 10
+
+#define TOOLBAR_ITEM_SEPARATOR_LEFT_COLOR_INC 53 53 53 255
+#define TOOLBAR_ITEM_SEPARATOR_MIDDLE_COLOR_INC 0 0 0 255
+#define TOOLBAR_ITEM_SEPARATOR_RIGHT_COLOR_INC 25 25 25 255

diff --git a/themes/inc/tizen-hd-inc.edc b/themes/inc/tizen-hd-inc.edc
index ef15e65..786790e 100644 (file)
--- a/themes/inc/tizen-hd-inc.edc
+++ b/themes/inc/tizen-hd-inc.edc
@@ -1172,3 +1172,7 @@
 #define SCROLLER_HANDLER_SCROLLBAR_VBAR_MIDDLE_MIN_SIZE_INC 48 26
 #define SCROLLER_HANDLER_SCROLLBAR_HBAR_MIDDLE_MIN_SIZE_INC 26 48
 #define SCROLLER_HANDLER_SCROLLBAR_PADDING_INC 10
+
+#define TOOLBAR_ITEM_SEPARATOR_LEFT_COLOR_INC 53 53 53 255
+#define TOOLBAR_ITEM_SEPARATOR_MIDDLE_COLOR_INC 0 0 0 255
+#define TOOLBAR_ITEM_SEPARATOR_RIGHT_COLOR_INC 25 25 25 255

diff --git a/themes/widgets/toolbar.edc b/themes/widgets/toolbar.edc
index fd9efbc..3438d09 100644 (file)
--- a/themes/widgets/toolbar.edc
+++ b/themes/widgets/toolbar.edc
@@ -818,22 +818,68 @@ group { name: "elm/toolbar/item/item_horizontal";
 }
 
 group { name: "elm/toolbar/separator/default";
-   images {
-      image: "separator_v.png" COMP;
-   }
    parts {
-      part { name: "separator"; // separator group
+      part { name: "base";
+         type: RECT;
          description { state: "default" 0.0;
-            min: 2 2;
-            max: 2 9999;
-            rel1.offset: 4 4;
-            rel2.offset: -5 -5;
-            image {
-               normal: "separator_v.png";
+            min: 3 1;
+            max: 3 9999;
+            color: 0 0 0 0;
+         }
+      }
+      part { name: "separator_left";
+         type: RECT;
+         description { state: "default" 0.0;
+            min: 1 1;
+            max: 1 9999;
+            fixed: 1 1;
+            rel1 {
+                relative: 0.0 0.1;
+                offset: 0 0;
             }
-            fill {
-               smooth: 0;
+            rel2 {
+                relative: 0.0 0.9;
+                offset: 1 0;
+            }
+            color: TOOLBAR_ITEM_SEPARATOR_LEFT_COLOR_INC;
+         }
+      }
+      part { name: "separator_middle";
+         type: RECT;
+         description { state: "default" 0.0;
+            min: 1 1;
+            max: 1 9999;
+            fixed: 1 1;
+            rel1 {
+                relative: 1.0 0.0;
+                offset: 0 0;
+                to: "separator_left";
+            }
+            rel2 {
+                relative: 1.0 1.0;
+                offset: 1 -1;
+                to: "separator_left";
+            }
+            color: TOOLBAR_ITEM_SEPARATOR_MIDDLE_COLOR_INC;
+         }
+      }
+      part { name: "separator_right";
+         type: RECT;
+         description { state: "default" 0.0;
+            min: 1 1;
+            max: 1 9999;
+            fixed: 1 1;
+            rel1 {
+                relative: 1.0 0.0;
+                offset: 0 0;
+                to: "separator_middle";
+            }
+            rel2 {
+                relative: 1.0 1.0;
+                offset: 1 -1;
+                to: "separator_middle";
             }
+            color: TOOLBAR_ITEM_SEPARATOR_RIGHT_COLOR_INC;
          }
       }
    }