color preview: have a better background

data/themes/default.edc

@@ -32,4 +32,5 @@ collections {
    #include "default/about.edc"
    #include "default/fontpreview.edc"
    #include "default/tab_drag_thumb.edc"
+   #include "default/color_preview.edc"
 }

data/themes/default/color_preview.edc

@@ -0,0 +1,28 @@
+group { name: "terminology/color_preview";
+   images.image: "pm_overlay.png" COMP;
+   images.image: "tiles.png" COMP;
+   parts {
+      part { name: "tiles";
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            fixed: 1 1;
+            image.normal: "tiles.png";
+            fill.type: TILE;
+         }
+      }
+      part { name: "preview"; type: RECT;
+         mouse_events: 1;
+         description { state: "default" 0.0;
+            color_class: "color_preview";
+         }
+      }
+      part { name: "overlay";
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            fixed: 1 1;
+            image.normal: "pm_overlay.png";
+            fill.smooth: 0;
+         }
+      }
+   }
+}

data/themes/meson.build

@@ -24,6 +24,7 @@ default_deps = [
   'default/about.edc',
   'default/fontpreview.edc',
   'default/tab_drag_thumb.edc',
+  'default/color_preview.edc',
   ]
 mild_deps = ['mild.edc', 'default/colors.edc']
 edje_to_compile = [

src/bin/termio.c

@@ -1350,14 +1350,15 @@ _color_tooltip_content(void *data,
 {
    Termio *sd = data;
    Evas_Object *o;
+   Evas *canvas = evas_object_evas_get(obj);
 
-   o = evas_object_rectangle_add(evas_object_evas_get(obj));
+   o = edje_object_add(canvas);
+   theme_apply(o, sd->config, "terminology/color_preview");
    evas_object_size_hint_min_set(o, 80, 80);
-   evas_object_color_set(o,
-                         sd->link.color.r,
-                         sd->link.color.g,
-                         sd->link.color.b,
-                         sd->link.color.a);
+   edje_object_color_class_set(o, "color_preview",
+       sd->link.color.r, sd->link.color.g, sd->link.color.b, sd->link.color.a,
+       sd->link.color.r, sd->link.color.g, sd->link.color.b, sd->link.color.a,
+       sd->link.color.r, sd->link.color.g, sd->link.color.b, sd->link.color.a);
    return o;
 }