index: add color classes and text classes.

Summary:
The following new color classes and text classes
for index widget are added.

"index_bg", "Index Background"
"index_item_bg", "Index Item Background"
"index_highlight_text," "Index Highlight Text"
"index_item_text," "Index Items Text"
"index_item_text_selected," "Index Selected Items Text"

@feature

Reviewers: raster, cedric, Hermet, kimcinoo, woohyun

Subscribers: SanghyeonLee, eagleeye, id213sin

Differential Revision: https://phab.enlightenment.org/D3487

Signed-off-by: Cedric BAIL <cedric@osg.samsung.com>

2 files changed, 51 insertions, 5 deletions

diff --git a/data/themes/colorclasses.edc b/data/themes/colorclasses.edc
index d62534475..093f26fad 100644
--- a/data/themes/colorclasses.edc
+++ b/data/themes/colorclasses.edc
@@ -195,6 +195,26 @@ color_classes {
       color: DARK_GREY_BG_COLOR;
       desc: "Base of a entry's scroller widget";
    }
+   color_class { name: "index_bg";
+      color: 0 0 0 0;
+      desc: "Background of a index widget";
+   }
+   color_class { name: "index_highlight_text";
+      color: FN_COL_HIGHLIGHT;
+      desc: "Text of a hlghlight item text";
+   }
+   color_class { name: "index_item_bg";
+      color: 0 0 0 0;
+      desc: "Background of a index item object";
+   }
+   color_class { name: "index_item_text";
+      color: FN_COL_DEFAULT;
+      desc: "Text of a index item";
+   }
+   color_class { name: "index_item_text_selected";
+      color: FN_COL_HIGHLIGHT;
+      desc: "Text of a selected index item";
+   }
    color_class { name: "label_text";
       color: FN_COL_DEFAULT;
       desc: "Text of a generic label";
diff --git a/data/themes/edc/elm/index.edc b/data/themes/edc/elm/index.edc
index 0f88ef6a6..ce592946c 100644
--- a/data/themes/edc/elm/index.edc
+++ b/data/themes/edc/elm/index.edc
@@ -1,5 +1,12 @@
 group { name: "elm/index/base/vertical/default";
    parts {
+      part { name: "bg"; type: RECT;
+         description { state: "default" 0.0;
+            rel1.to: "elm.swallow.index.0";
+            rel2.to: "elm.swallow.index.0";
+            color_class: "index_bg";
+         }
+      }
       part { name: "clip"; type: RECT; mouse_events:  0;
          description { state: "default" 0.0;
             visible:  0;
@@ -55,13 +62,14 @@ group { name: "elm/index/base/vertical/default";
                relative: 0.0 0.5;
                offset: -16 -1;
             }
-            color: FN_COL_HIGHLIGHT;
+            color_class: "index_highlight_text";
             text {
                font: FN;
                size: 20;
                min: 1 1;
                ellipsis: -1;
                align: 1.0 0.5;
+               text_class: "index_highlight_text";
             }
          }
       }
@@ -143,6 +151,13 @@ group { name: "elm/index/item/vertical/default";
       image: "darken_rounded_square_half.png" COMP;
    }
    parts {
+      part { name: "bg"; type: RECT;
+         description { state: "default" 0.0;
+            rel1.to: "base";
+            rel2.to: "base";
+            color_class: "index_item_bg";
+         }
+      }
       part { name: "base"; mouse_events: 0;
          description { state: "default" 0.0;
             image {
@@ -171,13 +186,14 @@ group { name: "elm/index/item/vertical/default";
                relative: 0.5  1.0;
                offset: -1 -1;
             }
-            color: FN_COL_DEFAULT;
+            color_class: "index_item_text";
             text {
                font: FN;
                size: 10;
                min: 1 1;
                ellipsis: -1;
                align: 0.5 0.5;
+               text_class: "index_item_text";
             }
          }
          description { state: "active" 0.0;
@@ -201,13 +217,14 @@ group { name: "elm/index/item/vertical/default";
                relative: 0.5  1.0;
                offset:   -1 -1;
             }
-            color: FN_COL_HIGHLIGHT;
+            color_class: "index_item_text_selected";
             text {
                font: FN;
                size: 10;
                min: 0 0;
                align: 0.5 0.5;
                text_source: "elm.text";
+               text_class: "index_item_text_selected";
             }
          }
          description { state: "active" 0.0;
@@ -248,6 +265,13 @@ group { name: "elm/index/item_odd/vertical/default";
    data.item: "stacking" "above";
    data.item: "selectraise" "on";
    parts {
+      part { name: "bg"; type: RECT;
+         description { state: "default" 0.0;
+            rel1.to: "base";
+            rel2.to: "base";
+            color_class: "index_item_bg";
+         }
+      }
       part { name: "base"; mouse_events: 0;
          description { state: "default" 0.0;
             image {
@@ -276,13 +300,14 @@ group { name: "elm/index/item_odd/vertical/default";
                relative: 0.5  1.0;
                offset: -1 -1;
             }
-            color: FN_COL_DEFAULT;
+            color_class: "index_item_text";
             text {
                font: FN;
                size: 10;
                min: 1 1;
                ellipsis: -1;
                align: 0.5 0.5;
+               text_class: "index_item_text";
             }
          }
          description { state: "active" 0.0;
@@ -306,13 +331,14 @@ group { name: "elm/index/item_odd/vertical/default";
                relative: 0.5  1.0;
                offset: -1 -1;
             }
-            color: FN_COL_HIGHLIGHT;
+            color_class: "index_item_text_selected";
             text {
                font: FN;
                size: 10;
                min: 0 0;
                align: 0.5 0.5;
                text_source: "elm.text";
+               text_class: "index_item_text_selected";
             }
          }
          description { state: "active" 0.0;