raster pushed a commit to branch master.

http://git.enlightenment.org/apps/rage.git/commit/?id=e0390b838375c9b67e4ae8680bd0ee47d8d0455c

commit e0390b838375c9b67e4ae8680bd0ee47d8d0455c
Author: Carsten Haitzler (Rasterman) <[email protected]>
Date:   Mon Nov 22 19:59:59 2021 +0000

    theme - use new colorclasses ... ui will adapt to system pal as u select
---
 data/themes/default.edc | 262 ++++++++++++++++++++++++++++++------------------
 1 file changed, 163 insertions(+), 99 deletions(-)

diff --git a/data/themes/default.edc b/data/themes/default.edc
index e282e54..1014f1a 100644
--- a/data/themes/default.edc
+++ b/data/themes/default.edc
@@ -1,5 +1,41 @@
 efl_version: 1 25;
 
+color_tree {
+   ":bg" {
+      "/bg/normal";
+      "/bg/normal/background";
+   }
+   ":bg-dark" {
+      "/bg-dark/normal";
+      "/bg/selected/titlebar";
+   }
+   ":selected" {
+      "/bg/selected";
+   }
+   ":fg" {
+      "/fg/normal";
+   }
+   ":fg-light" {
+      "/fg/pressed";
+      "/fg/selected";
+   }
+   ":shadow" {
+      "/shadow/normal";
+   }
+}
+
+color_classes {
+   color_class { name: "/bg-dark/normal"; color: 32 32 32 255; }
+   color_class { name: "/bg/normal"; color: 64 64 64 255; }
+   color_class { name: "/bg/normal/background"; color: 64 64 64 255; }
+   color_class { name: "/bg/selected"; color: 51 153 255 255; }
+   color_class { name: "/bg/selected/titlebar"; color: 32 32 32 255; }
+   color_class { name: "/fg/normal"; color: 160 160 160 255; }
+   color_class { name: "/fg/pressed"; color: 255 255 255 255; }
+   color_class { name: "/fg/selected"; color: 255 255 255 255; }
+   color_class { name: "/shadow/normal"; color: 0 0 0 128; }
+}
+
 collections {
 
 #define CTRLSIZE 26
@@ -98,7 +134,7 @@ collections {
          //// -- BACKGROUND
          part { name: "bg"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
-               color: 64 64 64 255;
+               color_class: "/bg/normal/background";
             }
          }
          part { name: "vg1"; mouse_events: 0;
@@ -106,7 +142,7 @@ collections {
                fixed: 1 1;
                rel2.relative: 1.0 0.5;
                image.normal: "vg1.png";
-               color: 64 64 64 255;
+               color_class: "/bg/normal/background";
                fill {
                   size.relative: 0.0 1.0;
                   size.offset: 256 0;
@@ -115,7 +151,7 @@ collections {
             }
             description { state: "focused" 0.0;
                inherit: "default" 0.0;
-               color: 32 32 32 255;
+               color_class: "/bg/selected/titlebar";
             }
          }
          program { signal: "state,win,focused"; source: "rage";
@@ -148,7 +184,7 @@ collections {
                rel2.relative: 1.0 0.0;
                image.normal: "shadow_circle_horiz.png";
                min: 0 32;
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                fixed: 1 1;
             }
          }
@@ -160,7 +196,7 @@ collections {
                rel1.relative: 0.0 1.0;
                image.normal: "shadow_circle_horiz.png";
                min: 0 32;
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                fixed: 1 1;
             }
          }
@@ -172,7 +208,7 @@ collections {
                rel2.relative: 0.0 1.0;
                image.normal: "shadow_circle_vert.png";
                min: 32 0;
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                fixed: 1 1;
             }
          }
@@ -184,19 +220,19 @@ collections {
                rel1.relative: 1.0 0.0;
                image.normal: "shadow_circle_vert.png";
                min: 32 0;
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                fixed: 1 1;
             }
          }
 
          part { name: "black"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 0 0 0 255;
+               color: 0 0 0 255; // no cc
                visible: 1;
             }
          }
@@ -214,12 +250,13 @@ collections {
          part { name: "base"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
                rel.to: "rage.content";
-               color: 0 0 0 255;
+               color: 0 0 0 255; // no cc
+               color_class: "/bg-dark/normal";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 32 32 32 255;
+               color: 255 255 255 255;
             }
             description { state: "play" 0.0;
                inherit: "default" 0.0;
@@ -235,12 +272,13 @@ collections {
                image.normal: "icon_exclamation.png";
                max: 24 24;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/pressed";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
             description { state: "play" 0.0;
@@ -270,7 +308,7 @@ collections {
          part { name: "content_black"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
                rel.to: "rage.content";
-               color: 0 0 0 255;
+               color: 0 0 0 255; // no cc
                visible: 0;
             }
             description { state: "novideo" 0.0;
@@ -310,7 +348,7 @@ collections {
                rel2.relative: 1.0 0.0;
                image.normal: "shadow_circle_horiz.png";
                min: 0 32;
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
             }
          }
 
@@ -361,7 +399,7 @@ collections {
             scale: 1;
             description { state: "default" 0.0;
                visible: 0;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
                rel1.relative: -0.5 -0.5;
                rel2.relative: 1.5 1.5;
                aspect: 1.0 1.0; aspect_preference: NONE;
@@ -373,7 +411,7 @@ collections {
                rel1.relative: 0.0 0.0;
                rel2.relative: 1.0 1.0;
                visible: 1;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                max: 290 290;
             }
          }
@@ -386,7 +424,7 @@ collections {
          part { name: "art_clip3"; type: RECT;
             description { state: "default" 0.0;
                visible: 0;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
                fixed: 1 1;
             }
             description { state: "visible" 0.0;
@@ -394,14 +432,14 @@ collections {
                rel1.relative: 0.0 0.0;
                rel2.relative: 1.0 1.0;
                visible: 1;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
             }
          }
          part { name: "artshadow"; mouse_events: 0;
             clip_to: "art_clip3";
             description { state: "default" 0.0;
                rel.to: "art_clip";
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                image.normal: "win_shadow.png";
                image.border: 14 14 14 14;
                image.middle: 0;
@@ -631,12 +669,13 @@ collections {
          part { name: "controlbar"; type: RECT; mouse_events: 0;
             clip_to: "controlbar_clip";
             description { state: "default" 0.0;
-               color: 64 64 64 128;
+               color: 255 255 255 128; // no cc
+               color_class: "/bg/normal";
                rel1.to: "rage.pos.prev.swallow";
             }
             description { state: "novideo" 0.0;
                inherit: "default" 0.0;
-               color: 64 64 64 0;
+               color: 255 255 255 0; // no cc
                visible: 0;
             }
          }
@@ -651,11 +690,11 @@ collections {
 
          part { name: "posclip"; type: RECT;
             description { state: "default" 0.0;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
                visible: 0;
             }
             description { state: "visible" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -688,7 +727,7 @@ collections {
             clip_to: "controlbar_clip";
             description { state: "default" 0.0;
                fixed: 1 1;
-               color: 51 153 255 255;
+               color_class: "/bg/selected";
                rel1.offset: 0 -5;
                rel1.relative: 0.0 1.0;
                rel1.to_x: "bar_bg";
@@ -780,16 +819,17 @@ collections {
                rel.to: "rage.pos.prev.swallow";
                image.normal: "icon_prev.png";
                min: CTRLSIZE CTRLSIZE; max: CTRLSIZE CTRLSIZE;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "pos_prevev"; type: RECT;
             description { state: "default" 0.0;
                rel.to: "rage.pos.prev.swallow";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "pos_prevev";
@@ -827,17 +867,18 @@ collections {
                rel.to: "rage.pos.play.swallow";
                image.normal: "icon_play.png";
                min: CTRLSIZE CTRLSIZE; max: CTRLSIZE CTRLSIZE;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "pos_pauseev"; type: RECT;
             clip_to: "playpause";
             description { state: "default" 0.0;
                rel.to: "rage.pos.play.swallow";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "pos_pauseev";
@@ -856,17 +897,18 @@ collections {
                rel.to: "rage.pos.play.swallow";
                min: CTRLSIZE CTRLSIZE; max: CTRLSIZE CTRLSIZE;
                image.normal: "icon_pause.png";
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "pos_playev"; type: RECT;
             clip_to: "playpause2";
             description { state: "default" 0.0;
                rel.to: "rage.pos.play.swallow";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "pos_playev";
@@ -896,16 +938,17 @@ collections {
                rel.to: "rage.pos.next.swallow";
                image.normal: "icon_next.png";
                min: CTRLSIZE CTRLSIZE; max: CTRLSIZE CTRLSIZE;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "pos_nextev"; type: RECT;
             description { state: "default" 0.0;
                rel.to: "rage.pos.next.swallow";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "pos_nextev";
@@ -955,10 +998,11 @@ collections {
                align: 1.0 0.5;
                image.normal: "icon_volume.png";
                min: CTRLSIZE CTRLSIZE; max: CTRLSIZE CTRLSIZE;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "vol2"; scale: 1;
@@ -970,17 +1014,18 @@ collections {
                align: 1.0 0.5;
                image.normal: "icon_mute.png";
                min: CTRLSIZE CTRLSIZE; max: CTRLSIZE CTRLSIZE;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "volev"; type: RECT;
             clip_to: "controlbar_clip";
             description { state: "default" 0.0;
                rel.to: "vol";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "volev";
@@ -1036,7 +1081,7 @@ collections {
                rel2.to: "slash";
                rel2.relative: 0.0 1.0;
                rel2.offset: -5 -1;
-               color: 255 255 255 255;
+               color_class: "/fg/selected";
                align: 1.0 0.5;
                text { font: "Sans"; size: 8;
                   align: 1.0 0.5;
@@ -1056,7 +1101,7 @@ collections {
                rel2.to: "rage.length";
                rel2.relative: 0.0 1.0;
                rel2.offset: -5 -1;
-               color: 255 255 255 255;
+               color_class: "/fg/selected";
                align: 1.0 0.5;
                text { font: "Sans"; size: 8;
                   align: 1.0 0.5;
@@ -1079,7 +1124,7 @@ collections {
                rel2.to_x: "vol";
                rel2.relative: 0.0 1.0;
                rel2.offset: -1 -1;
-               color: 255 255 255 255;
+               color_class: "/fg/selected";
                align: 1.0 0.5;
                text { font: "Sans"; size: 8;
                   align: 1.0 0.5;
@@ -1112,12 +1157,13 @@ collections {
                image.normal: "icon_mute.png";
                min: 20 20; max: 20 20;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1134,7 +1180,8 @@ collections {
                rel2.offset: 0 4;
                align: 0.0 0.0;
                min: 40 5; max: 40 5;
-               color: 255 255 255 128;
+               color: 255 255 255 128; // no cc
+               color_class: "/fg/selected";
                offscale;
             }
          }
@@ -1143,17 +1190,17 @@ collections {
             description { state: "default" 0.0;
                fixed: 1 1;
                rel.to: "vol_indicator_bg";
-               color: 255 255 255 255;
+               color_class: "/fg/selected";
             }
          }
          part { name: "vol_indicator"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1169,12 +1216,13 @@ collections {
                image.normal: "icon_volume.png";
                min: 20 20; max: 20 20;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1193,12 +1241,13 @@ collections {
                image.normal: "icon_refresh.png";
                min: 20 20; max: 20 20;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1217,12 +1266,13 @@ collections {
                image.normal: "icon_arrow_right.png";
                min: 20 20; max: 20 20;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1249,12 +1299,13 @@ collections {
                image.normal: "icon_play.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1269,12 +1320,13 @@ collections {
                image.normal: "icon_pause.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1289,12 +1341,13 @@ collections {
                image.normal: "icon_stop.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1309,12 +1362,13 @@ collections {
                image.normal: "icon_eject.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1329,12 +1383,13 @@ collections {
                image.normal: "icon_forward.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1349,12 +1404,13 @@ collections {
                image.normal: "icon_next.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1369,12 +1425,13 @@ collections {
                image.normal: "icon_rewind.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1389,12 +1446,13 @@ collections {
                image.normal: "icon_prev.png";
                min: 40 40; max: 40 40;
                aspect: 1.0 1.0; aspect_preference: BOTH;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
+               color_class: "/fg/selected";
                visible: 0;
             }
             description { state: "visible" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1456,16 +1514,17 @@ collections {
                rel.to: "rage.win.close";
                image.normal: "icon_close.png";
                min: 20 20; max: 20 20;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "closeev"; type: RECT;
             description { state: "default" 0.0;
                rel.to: "rage.win.close";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "closeev";
@@ -1519,17 +1578,18 @@ collections {
                rel.to: "rage.win.fullscreen";
                image.normal: "icon_fullscreen.png";
                min: 20 20; max: 20 20;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "fullscreenev"; type: RECT;
             clip_to: "fullscreenclip";
             description { state: "default" 0.0;
                rel.to: "rage.win.fullscreen";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "fullscreenev";
@@ -1548,17 +1608,18 @@ collections {
                rel.to: "rage.win.fullscreen";
                image.normal: "icon_unfullscreen.png";
                min: 20 20; max: 20 20;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "unfullscreenev"; type: RECT;
             clip_to: "unfullscreenclip";
             description { state: "default" 0.0;
                rel.to: "rage.win.fullscreen";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "unfullscreenev";
@@ -1578,16 +1639,17 @@ collections {
                rel.to: "rage.options.swallow";
                image.normal: "icon_spanner.png";
                min: 20 20; max: 20 20;
+               color_class: "/fg/normal";
             }
             description { state: "active" 0.0;
                inherit: "default" 0.0;
-               color: 160 160 160 255;
+               color_class: "/fg/pressed";
             }
          }
          part { name: "optev"; type: RECT;
             description { state: "default" 0.0;
                rel.to: "rage.options.swallow";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,down,1"; source: "optev";
@@ -1619,11 +1681,11 @@ collections {
          part { name: "dragover_active"; type: RECT;
             clip_to: "dragover_master";
             description { state: "default" 0.0;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
                visible: 0;
             }
             description { state: "visible" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1633,7 +1695,7 @@ collections {
                rel1.to_x: "bar_bg";
                rel1.to_y: "posevent";
                rel2.to_x: "bar_bg";
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
                fixed: 1 1;
             }
          }
@@ -1660,7 +1722,7 @@ collections {
             description { state: "default" 0.0;
                fixed: 1 1;
                rel.to: "rage.dragable.content";
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                image.normal: "win_shadow.png";
                image.border: 14 14 14 14;
                image.middle: 0;
@@ -1673,7 +1735,7 @@ collections {
             clip_to: "dragover_active";
             description { state: "default" 0.0;
                fixed: 1 1;
-               color: 32 32 32 255;
+               color_class: "/bg-dark/normal";
                rel.to: "rage.dragable.content";
             }
          }
@@ -1735,7 +1797,7 @@ collections {
          }
          part { name: "event"; type: RECT; repeat_events: 1;
             description { state: "default" 0.0;
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,move"; source: "event";
@@ -1847,11 +1909,11 @@ collections {
          part { name: "tv-clip"; type: RECT;
             description { state: "default" 0.0;
                visible: 0;
-               color: 255 255 255 0;
+               color: 255 255 255 0; // no cc
             }
             description { state: "visible" 0.0;
                visible: 1;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
             }
          }
          program { signal: "about,show"; source: "rage";
@@ -1891,7 +1953,7 @@ collections {
             description { state: "default" 0.0;
                fixed: 1 1;
                rel.to: "clip";
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                image.normal: "win_shadow.png";
                image.border: 14 14 14 14;
                image.middle: 0;
@@ -1903,14 +1965,15 @@ collections {
          part { name: "glow"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
                rel.to: "clip";
-               color: 51 153 255 0;
+               color_class: "/bg/selected";
+               color: 255 255 255 0; // no cc
                visible: 0;
             }
             description { state: "selected" 0.0;
                inherit: "default" 0.0;
                rel1.offset: -4 -4;
                rel2.offset: 3 3;
-               color: 51 153 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -1927,7 +1990,7 @@ collections {
 
          part { name: "base"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
-               color: 32 32 32 255;
+               color_class: "/bg-dark/normal";
                rel.to: "clip";
             }
          }
@@ -1968,7 +2031,7 @@ collections {
          part { name: "event"; type: RECT;
             ignore_flags: ON_HOLD;
             description { state: "default" 0.0;
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,clicked,1"; source: "event";
@@ -1993,7 +2056,7 @@ collections {
                rel1.offset: 20 10;
                rel2.offset: -21 10;
                rel2.relative: 1.0 0.0;
-               color: 255 255 255 255;
+               color_class: "/fg/selected";
                text { font: "Sans:style=Bold"; size: 10;
                   align: 0.0 0.0;
                   min: 0 1;
@@ -2044,10 +2107,10 @@ collections {
 
       styles {
          style { name: "browser_item_label";
-            base: "font=Sans font_size=10 color=#ffffffff wrap=mixed 
ellipsis=1.0";
+            base: "font=Sans font_size=10 color=cc:/fg/selected wrap=mixed 
ellipsis=1.0";
          }
          style { name: "browser_item_label_fullscreen";
-            base: "font=Sans font_size=20 color=#ffffffff wrap=mixed 
ellipsis=1.0";
+            base: "font=Sans font_size=20 color=cc:/fg/selected wrap=mixed 
ellipsis=1.0";
          }
       }
 
@@ -2056,7 +2119,7 @@ collections {
             description { state: "default" 0.0;
                fixed: 1 1;
                rel.to: "clip";
-               color: 255 255 255 128;
+               color_class: "/shadow/normal";
                image.normal: "win_shadow.png";
                image.border: 14 14 14 14;
                image.middle: 0;
@@ -2067,18 +2130,18 @@ collections {
          }
          part { name: "base"; type: RECT; mouse_events: 0;
             description { state: "default" 0.0;
-               color: 0 0 0 255;
+               color: 0 0 0 255; // no cc
                rel.to: "clip";
             }
          }
 
          part { name: "clip"; type: RECT;
             description { state: "default" 0.0;
-               color: 192 192 192 255;
+               color: 192 192 192 255; // no cc
             }
             description { state: "selected" 0.0;
                inherit: "default" 0.0;
-               color: 255 255 255 255;
+               color: 255 255 255 255; // no cc
             }
          }
          part { name: "rage.content"; type: SWALLOW;
@@ -2104,7 +2167,7 @@ collections {
                rel1.offset: 5 5;
                rel.to: "clip";
                rel2.offset: -6 -10;
-               color: 255 255 255 255;
+               color_class: "/fg/selected";
                text { font: "Sans"; size: 20;
                   style: "browser_item_label";
                   align: 0.0 1.0;
@@ -2126,13 +2189,14 @@ collections {
                rel.to: "clip";
                rel1.relative: 0.0 1.0;
                align: 0.0 1.0;
-               color: 51 153 255 0;
+               color_class: "/bg/selected";
+               color: 255 255 255 0; // no cc
                visible: 0;
             }
             description { state: "selected" 0.0;
                inherit: "default" 0.0;
                min: 0 5;
-               color: 51 153 255 255;
+               color: 255 255 255 255; // no cc
                visible: 1;
             }
          }
@@ -2151,7 +2215,7 @@ collections {
          part { name: "event"; type: RECT;
             ignore_flags: ON_HOLD;
             description { state: "default" 0.0;
-               color: 0 0 0 0;
+               color: 0 0 0 0; // no cc
             }
          }
          program { signal: "mouse,clicked,1"; source: "event";

-- 


Reply via email to