From e0390b838375c9b67e4ae8680bd0ee47d8d0455c Mon Sep 17 00:00:00 2001 From: "Carsten Haitzler (Rasterman)" Date: Mon, 22 Nov 2021 19:59:59 +0000 Subject: [PATCH] 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";