diff --git a/data/elementary/themes/colorclasses.edc b/data/elementary/themes/colorclasses.edc
index 63b56f22ca..dd94555808 100644
--- a/data/elementary/themes/colorclasses.edc
+++ b/data/elementary/themes/colorclasses.edc
@@ -175,6 +175,9 @@ color_classes {
       color:  51 153 255 255; }
    color_class { name: "/fg/normal/pointer/manipulator";
       color:  51 153 255 192; }
+///////////////////////////////////////////////////////////////////////////////
+   color_class { name: "/fg/normal/ctxpopup/arrow";
+      color: 255 255 255 255; }
 ///////////////////////////////////////////////////////////////////////////////
    color_class { name: "/bg/normal/scroller/base";
       color:   0   0   0   0; }
diff --git a/data/elementary/themes/edc/elm/ctxpopup.edc b/data/elementary/themes/edc/elm/ctxpopup.edc
index eb9fdc7297..ea374dad1e 100644
--- a/data/elementary/themes/edc/elm/ctxpopup.edc
+++ b/data/elementary/themes/edc/elm/ctxpopup.edc
@@ -3,7 +3,7 @@ group { name: "elm/ctxpopup/bg/noblock";
    parts {
       part { name: "base"; type: RECT; mouse_events: 0;
          description { state: "default" 0.0;
-            color: 0 0 0 0;
+            color: 0 0 0 0; // no cc
          }
       }
    }
@@ -13,11 +13,12 @@ group { name: "elm/ctxpopup/bg/default";
    parts {
       part { name: "base"; type: RECT;
          description { state: "default" 0.0;
-            color: 0 0 0 0;
+            color: 255 255 255 0; // no cc
+            color_class: "/dim/normal/hover";
          }
          description { state: "visible" 0.0;
             inherit: "default" 0.0;
-            color: 0 0 0 64;
+            color: 255 255 255 255; // no cc
          }
       }
    }
@@ -43,7 +44,7 @@ group { name: "elm/ctxpopup/base/default";
       part { name: "base"; type: RECT;
          clip_to: "clip";
          description { state: "default" 0.0;
-            color: 0 0 0 192;
+            color_class: "/dim/normal/ctxpopup";
          }
       }
       part { name: "elm.swallow.background"; type: SWALLOW;
@@ -65,7 +66,7 @@ group { name: "elm/ctxpopup/base/default";
       }
       part { name: "event"; type: RECT;
          description { state: "default" 0.0;
-            color: 0 0 0 0;
+            color: 0 0 0 0; // no cc
          }
          description { state: "visible" 0.0;
             inherit: "default" 0.0;
@@ -74,7 +75,7 @@ group { name: "elm/ctxpopup/base/default";
       }
       part { name: "clip"; type: RECT;
          description { state: "default" 0.0;
-            color: 255 255 255 0;
+            color: 255 255 255 0; // no cc
             visible: 0;
             rel1.offset: -200 -200;
             rel2.offset:  199  199;
@@ -82,7 +83,7 @@ group { name: "elm/ctxpopup/base/default";
          }
          description { state: "visible" 0.0;
             inherit: "default" 0.0;
-            color: 255 255 255 255;
+            color: 255 255 255 255; // no cc
             visible: 1;
          }
       }
@@ -216,7 +217,7 @@ group { name: "elm/ctxpopup/arrow/default";
             min: 15 15;
             fixed: 1 1;
             image.normal: "i-arrow-l";
-            color: 255 255 255 255;
+            color_class: "/fg/normal/ctxpopup/arrow";
          }
          description { state: "left" 0.0;
             inherit: "default" 0.0;