kimcinoo
/
efl
forked from enlightenment/efl
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

elm theme - use coarse colon based cc's now

This commit is contained in:
Carsten Haitzler 2021-08-09 19:04:03 +01:00
parent 4596fdd375
commit bace9d9ee7
2 changed files with 141 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

206
data/elementary/themes/colorclasses.edc
View File

@ -1,7 +1,79 @@
color_tree {
":bg" {
"/bg";
}
":fg" {
"/fg";
"/fg/normal/text-overlay";
"/fg/normal/button-media";
"/fg/normal/menu/item"; // XXX: dont need this as fallback to /fg will do
"/fg/normal/actionslider";
"/fg/normal/bubble/info";
"/fg/normal/spinner/arrow";
"/fg/normal/spinner/text";
"/fg/selected/check/check";
"/fg/selected/radio/radio";
"/fg/normal/notification/text";
"/fg/selected/winlist/item/text/iconified";
"/fg/pressed/gadgets/tasks/text/iconified";
"/fg/normal/gadgets/battery/level/discharge";
"/fg/disabled/gadgets/connman/eth/cable";
"/fg/normal/gadgets/connman/eth/cable";
"/fg/disabled/gadgets/connman/eth/connector";
"/fg/normal/gadgets/connman/eth/connector";
"/fg/selected/gadgets/connman/eth/connector";
"/fg/disabled/gadgets/connman/wifi/connected";
"/fg/normal/gadgets/connman/wifi/connected";
"/fg/normal/gadgets/connman/wifi/signal";
"/fg/normal/gadgets/connman/bt/base";
"/fg/normal/gadgets/connman/bt/signal";
"/fg/normal/gadgets/connman/cell/base";
"/fg/normal/gadgets/connman/cell/signal";
"/fg/normal/gadgets/connman/security";
"/fg/normal/gadgets/bluez/off";
"/fg/normal/gadgets/clock/digital/separator";
"/fg/normal/gadgets/clock/analog/hands/hours";
}
":selected" {
"/bg/selected";
"/fg/normal/panes/flush";
"/bg/selected/multibuttonentry/button/bar";
}
}
color_classes { color_classes {
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/bg"; // a core palette that the cc's below map to. this basically makes
// for example ":selected" like a variable name that is that color and
// then a list of explicit cc's that map TO that variable color.
//
// the idea is that a simple GUI for a palette only shows these variables
// for you to modify for your colors. the "extended" gui allows you to
// specifically override specific cc's like "/fg/normal/panes/flush" for
// example to make a custom color appear for that specific element or anything
// sharing that specific cc.
///////////////////////////////////////////////////////////////////////////////
color_class { name: ":selected";
color: 51 153 255 255; }
color_class { name: ":bg";
color: 64 64 64 255; } color: 64 64 64 255; }
color_class { name: ":fg";
color: 160 160 160 255; }
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// specific element color classes. they fall abck like a directory search to
// parent dirs so like if something is "/fg/normal" first that is looked for
// then if that fails "/fg" is looked for etc.
//
// this below is inteneded to allow overriding in detail of specific uses
// and elements, but the abovbe coarser ":something" palette is intended
// for a simpler smaller set of colors used in a theme to allow very simple
// setting of these.
///////////////////////////////////////////////////////////////////////////////
// color_class { name: "/bg";
// color: 64 64 64 255; }
color_class { name: "/bg-alt"; color_class { name: "/bg-alt";
color: 56 56 56 255; } color: 56 56 56 255; }
color_class { name: "/bg-dark"; color_class { name: "/bg-dark";
@ -12,11 +84,11 @@ color_classes {
color: 192 192 192 255; } color: 192 192 192 255; }
color_class { name: "/bg-light-alt"; color_class { name: "/bg-light-alt";
color: 184 184 184 255; } color: 184 184 184 255; }
color_class { name: "/bg/selected"; // color_class { name: "/bg/selected";
color: 51 153 255 255; } // color: 51 153 255 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg"; // color_class { name: "/fg";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/disabled"; color_class { name: "/fg/disabled";
color: 80 80 80 255; } color: 80 80 80 255; }
color_class { name: "/fg/pressed"; color_class { name: "/fg/pressed";
@ -66,8 +138,8 @@ color_classes {
color: 0 0 0 64; } color: 0 0 0 64; }
color_class { name: "/bg/pressed/multibuttonentry/button"; color_class { name: "/bg/pressed/multibuttonentry/button";
color: 0 0 0 200; } color: 0 0 0 200; }
color_class { name: "/bg/selected/multibuttonentry/button/bar"; // color_class { name: "/bg/selected/multibuttonentry/button/bar";
color: 51 153 255 255; } // color: 51 153 255 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/bg/normal/naviframe/top"; color_class { name: "/bg/normal/naviframe/top";
color: 32 32 32 255; } color: 32 32 32 255; }
@ -103,8 +175,8 @@ color_classes {
color_class { name: "/fg/normal/color/cursor"; color_class { name: "/fg/normal/color/cursor";
color: 255 255 255 192; } color: 255 255 255 192; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/normal/panes/flush"; // color_class { name: "/fg/normal/panes/flush";
color: 51 163 255 255; } // color: 51 163 255 255; }
color_class { name: "/fg/normal/panes/fold/arrow"; color_class { name: "/fg/normal/panes/fold/arrow";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/pressed/panes/fold/arrow"; color_class { name: "/fg/pressed/panes/fold/arrow";
@ -250,8 +322,8 @@ color_classes {
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/text-hilight"; color_class { name: "/fg/normal/text-hilight";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/text-overlay"; // color_class { name: "/fg/normal/text-overlay";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/text-subtle"; color_class { name: "/fg/normal/text-subtle";
color: 0 0 0 64; } color: 0 0 0 64; }
color_class { name: "/fg/normal/text/hilight"; color_class { name: "/fg/normal/text/hilight";
@ -285,8 +357,8 @@ color_classes {
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/disabled/button-anchor"; color_class { name: "/fg/disabled/button-anchor";
color: 96 96 96 255; } color: 96 96 96 255; }
color_class { name: "/fg/normal/button-media"; // color_class { name: "/fg/normal/button-media";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/pressed/button-media"; color_class { name: "/fg/pressed/button-media";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/bg/normal/button-media"; color_class { name: "/bg/normal/button-media";
@ -298,8 +370,8 @@ color_classes {
color: 32 32 32 0; } color: 32 32 32 0; }
color_class { name: "/bg/selected/menu/item"; color_class { name: "/bg/selected/menu/item";
color: 32 32 32 255; } color: 32 32 32 255; }
color_class { name: "/fg/normal/menu/item"; // color_class { name: "/fg/normal/menu/item";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/selected/menu/item"; color_class { name: "/fg/selected/menu/item";
color: 255 255 255 255; } color: 255 255 255 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
@ -326,8 +398,8 @@ color_classes {
color: 0 0 0 64; } color: 0 0 0 64; }
color_class { name: "/bg/disabled/actionslider/base"; color_class { name: "/bg/disabled/actionslider/base";
color: 0 0 0 32; } color: 0 0 0 32; }
color_class { name: "/fg/normal/actionslider"; // color_class { name: "/fg/normal/actionslider";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/disabled/actionslider"; color_class { name: "/fg/disabled/actionslider";
color: 96 96 96 255; } color: 96 96 96 255; }
color_class { name: "/bg/normal/actionslider/button"; color_class { name: "/bg/normal/actionslider/button";
@ -347,8 +419,8 @@ color_classes {
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/normal/bubble/text"; color_class { name: "/fg/normal/bubble/text";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/bubble/info"; // color_class { name: "/fg/normal/bubble/info";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/bg/normal/bubble"; color_class { name: "/bg/normal/bubble";
color: 48 48 48 255; } color: 48 48 48 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
@ -417,14 +489,14 @@ color_classes {
color_class { name: "/fg/disabled/combobox/selector"; color_class { name: "/fg/disabled/combobox/selector";
color: 96 96 96 255; } color: 96 96 96 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/normal/spinner/arrow"; // color_class { name: "/fg/normal/spinner/arrow";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/pressed/spinner/arrow"; color_class { name: "/fg/pressed/spinner/arrow";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/disabled/spinner/arrow"; color_class { name: "/fg/disabled/spinner/arrow";
color: 96 96 96 255; } color: 96 96 96 255; }
color_class { name: "/fg/normal/spinner/text"; // color_class { name: "/fg/normal/spinner/text";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/disabled/spinner/text"; color_class { name: "/fg/disabled/spinner/text";
color: 96 96 96 255; } color: 96 96 96 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
@ -441,8 +513,8 @@ color_classes {
color: 32 32 32 255; } color: 32 32 32 255; }
color_class { name: "/bg/disabled/check/base"; color_class { name: "/bg/disabled/check/base";
color: 56 56 56 255; } color: 56 56 56 255; }
color_class { name: "/fg/selected/check/check"; // color_class { name: "/fg/selected/check/check";
color: 160 160 160 255; } // color: 160 160 160 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/bg/normal/radio/base"; color_class { name: "/bg/normal/radio/base";
color: 48 48 48 255; } color: 48 48 48 255; }
@ -450,8 +522,8 @@ color_classes {
color: 32 32 32 255; } color: 32 32 32 255; }
color_class { name: "/bg/disabled/radio/base"; color_class { name: "/bg/disabled/radio/base";
color: 56 56 56 255; } color: 56 56 56 255; }
color_class { name: "/fg/selected/radio/radio"; // color_class { name: "/fg/selected/radio/radio";
color: 160 160 160 255; } // color: 160 160 160 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/bg/normal/toggle/base"; color_class { name: "/bg/normal/toggle/base";
color: 48 48 48 255; } color: 48 48 48 255; }
@ -484,8 +556,8 @@ color_classes {
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/notification/text/title"; color_class { name: "/fg/normal/notification/text/title";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/notification/text"; // color_class { name: "/fg/normal/notification/text";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/notification/text/subject"; color_class { name: "/fg/normal/notification/text/subject";
color: 51 153 255 255; } color: 51 153 255 255; }
color_class { name: "/fg/normal/notification/text/bold"; color_class { name: "/fg/normal/notification/text/bold";
@ -510,8 +582,8 @@ color_classes {
color: 32 32 32 255; } color: 32 32 32 255; }
color_class { name: "/fg/normal/winlist/item/text/iconified"; color_class { name: "/fg/normal/winlist/item/text/iconified";
color: 96 96 96 255; } color: 96 96 96 255; }
color_class { name: "/fg/selected/winlist/item/text/iconified"; // color_class { name: "/fg/selected/winlist/item/text/iconified";
color: 160 160 160 255; } // color: 160 160 160 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/normal/wizard/text/title"; color_class { name: "/fg/normal/wizard/text/title";
color: 255 255 255 255; } color: 255 255 255 255; }
@ -546,8 +618,8 @@ color_classes {
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/gadgets/tasks/text/iconified"; color_class { name: "/fg/normal/gadgets/tasks/text/iconified";
color: 128 128 128 255; } color: 128 128 128 255; }
color_class { name: "/fg/pressed/gadgets/tasks/text/iconified"; // color_class { name: "/fg/pressed/gadgets/tasks/text/iconified";
color: 160 160 160 255; } // color: 160 160 160 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/bg/normal/gadgets/control/base"; color_class { name: "/bg/normal/gadgets/control/base";
color: 51 153 255 255; } color: 51 153 255 255; }
@ -580,8 +652,8 @@ color_classes {
color: 255 255 255 0; } color: 255 255 255 0; }
color_class { name: "/fg/selected/gadgets/battery/text/info"; color_class { name: "/fg/selected/gadgets/battery/text/info";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/gadgets/battery/level/discharge"; // color_class { name: "/fg/normal/gadgets/battery/level/discharge";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/battery/level/charge"; color_class { name: "/fg/normal/gadgets/battery/level/charge";
color: 51 153 255 255; } color: 51 153 255 255; }
color_class { name: "/fg/normal/gadgets/battery/text/reading"; color_class { name: "/fg/normal/gadgets/battery/text/reading";
@ -589,54 +661,54 @@ color_classes {
color_class { name: "/fg/normal/gadgets/battery/text/time"; color_class { name: "/fg/normal/gadgets/battery/text/time";
color: 255 255 255 255; } color: 255 255 255 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/disabled/gadgets/connman/eth/cable"; // color_class { name: "/fg/disabled/gadgets/connman/eth/cable";
color: 160 160 160 128; } // color: 160 160 160 128; }
color_class { name: "/fg/normal/gadgets/connman/eth/cable"; // color_class { name: "/fg/normal/gadgets/connman/eth/cable";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/selected/gadgets/connman/eth/cable"; color_class { name: "/fg/selected/gadgets/connman/eth/cable";
color: 51 153 255 255; } color: 51 153 255 255; }
color_class { name: "/fg/disabled/gadgets/connman/eth/connector"; // color_class { name: "/fg/disabled/gadgets/connman/eth/connector";
color: 160 160 160 128; } // color: 160 160 160 128; }
color_class { name: "/fg/normal/gadgets/connman/eth/connector"; // color_class { name: "/fg/normal/gadgets/connman/eth/connector";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/selected/gadgets/connman/eth/connector"; // color_class { name: "/fg/selected/gadgets/connman/eth/connector";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/disabled/gadgets/connman/wifi/connected"; // color_class { name: "/fg/disabled/gadgets/connman/wifi/connected";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/connman/wifi/connected"; // color_class { name: "/fg/normal/gadgets/connman/wifi/connected";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/selected/gadgets/connman/wifi/connected"; color_class { name: "/fg/selected/gadgets/connman/wifi/connected";
color: 51 153 255 255; } color: 51 153 255 255; }
color_class { name: "/fg/normal/gadgets/connman/wifi/signal"; // color_class { name: "/fg/normal/gadgets/connman/wifi/signal";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/connman/bt/base"; // color_class { name: "/fg/normal/gadgets/connman/bt/base";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/connman/bt/signal"; // color_class { name: "/fg/normal/gadgets/connman/bt/signal";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/connman/cell/base"; // color_class { name: "/fg/normal/gadgets/connman/cell/base";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/connman/cell/signal"; // color_class { name: "/fg/normal/gadgets/connman/cell/signal";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/connman/security"; // color_class { name: "/fg/normal/gadgets/connman/security";
color: 160 160 160 255; } // color: 160 160 160 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/normal/gadgets/bluez/off"; // color_class { name: "/fg/normal/gadgets/bluez/off";
color: 160 160 160 128; } // color: 160 160 160 128; }
color_class { name: "/fg/normal/gadgets/bluez/visible"; color_class { name: "/fg/normal/gadgets/bluez/visible";
color: 51 153 255 255; } color: 51 153 255 255; }
color_class { name: "/fg/normal/gadgets/bluez/scan"; color_class { name: "/fg/normal/gadgets/bluez/scan";
color: 255 153 51 255; } color: 255 153 51 255; }
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
color_class { name: "/fg/normal/gadgets/clock/digital/separator"; // color_class { name: "/fg/normal/gadgets/clock/digital/separator";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/bg/normal/gadgets/clock/analog/base"; color_class { name: "/bg/normal/gadgets/clock/analog/base";
color: 32 32 32 255; } color: 32 32 32 255; }
color_class { name: "/fg/normal/gadgets/clock/analog/hands/secs"; color_class { name: "/fg/normal/gadgets/clock/analog/hands/secs";
color: 255 64 32 255; } color: 255 64 32 255; }
color_class { name: "/fg/normal/gadgets/clock/analog/hands/mins"; color_class { name: "/fg/normal/gadgets/clock/analog/hands/mins";
color: 255 255 255 255; } color: 255 255 255 255; }
color_class { name: "/fg/normal/gadgets/clock/analog/hands/hours"; // color_class { name: "/fg/normal/gadgets/clock/analog/hands/hours";
color: 160 160 160 255; } // color: 160 160 160 255; }
color_class { name: "/fg/normal/gadgets/clock/cal/day/name/weekend"; color_class { name: "/fg/normal/gadgets/clock/cal/day/name/weekend";
color: 51 153 255 255; } color: 51 153 255 255; }
color_class { name: "/fg/normal/gadgets/clock/cal/day/date/weekend"; color_class { name: "/fg/normal/gadgets/clock/cal/day/date/weekend";

2
data/elementary/themes/edc/gadman.edc
View File

@ -4,7 +4,7 @@ group { name: "e/gadman/popup";
parts { parts {
part { name: "bg"; type: RECT; part { name: "bg"; type: RECT;
description { state: "default" 0.0; description { state: "default" 0.0;
color_class: "/bg/normal/gadgets/popup"; color_class: "/bg/normal/gadgets/pop";
} }
} }
part { name: "e.swallow.content"; type: SWALLOW; clip_to: "clip"; part { name: "e.swallow.content"; type: SWALLOW; clip_to: "clip";