From d11193d5f61ba46bd99cf4b284629d4cfe28e591 Mon Sep 17 00:00:00 2001 From: Mike Blumenkrantz Date: Wed, 2 Mar 2016 15:49:51 -0500 Subject: theme: add bryce edcs --- data/themes/Makefile.am | 2 + data/themes/default.edc | 2 + data/themes/edc/bryce.edc | 371 +++++++++++++++++++++++++++++++++++ data/themes/edc/bryce_editor.edc | 404 +++++++++++++++++++++++++++++++++++++++ 4 files changed, 779 insertions(+) create mode 100644 data/themes/edc/bryce.edc create mode 100644 data/themes/edc/bryce_editor.edc (limited to 'data') diff --git a/data/themes/Makefile.am b/data/themes/Makefile.am index 3f664dd5d..655b55ab1 100644 --- a/data/themes/Makefile.am +++ b/data/themes/Makefile.am @@ -33,6 +33,8 @@ edc/battery.edc \ edc/bluez4.edc \ edc/border.edc \ edc/border-icons.edc \ +edc/bryce.edc \ +edc/bryce_editor.edc \ edc/button.edc \ edc/check.edc \ edc/clock.edc \ diff --git a/data/themes/default.edc b/data/themes/default.edc index b7903e495..3ef55182a 100644 --- a/data/themes/default.edc +++ b/data/themes/default.edc @@ -77,6 +77,8 @@ collections { #include "edc/comp_compat.edc" #include "edc/comp_effects.edc" #include "edc/background.edc" +#include "edc/bryce.edc" +#include "edc/bryce_editor.edc" #include "edc/shelf.edc" #include "edc/border.edc" #include "edc/dialog.edc" diff --git a/data/themes/edc/bryce.edc b/data/themes/edc/bryce.edc new file mode 100644 index 000000000..f265d3dde --- /dev/null +++ b/data/themes/edc/bryce.edc @@ -0,0 +1,371 @@ +group { name: "e/bryce/default/base"; nomouse; + data { + /* this tells e the number of pixels of the bryce to leave "exposed" + * when auto-hiding the bryce */ + item: "hidden_state_size" "2"; + } + images.image: "vgrad_med.png" COMP; + images.image: "vgrad_tall.png" COMP; + images.image: "bevel_out.png" COMP; + images.image: "holes_vert.png" COMP; + images.image: "holes_horiz.png" COMP; + images.image: "shine.png" COMP; + parts { + rect { "mouse"; mouse; + desc { color: 0 0 0 0; } + } + part { name: "bg"; + description { state: "default" 0.0; + image.normal: "vgrad_med.png"; + fill.smooth: 0; + TILED_HORIZ(120) + color_class: "bryce_base"; + } + description { state: "vert" 0.0; + image.normal: "vgrad_tall.png"; + fill.smooth: 0; + TILED_HORIZ(40) + color_class: "bryce_base"; + } + } + part { name: "bevel"; + description { state: "default" 0.0; + image.normal: "bevel_out.png"; + image.border: 1 1 1 1; + image.middle: 0; + fill.smooth: 0; + } + } + part { name: "dots_start"; + description { state: "default" 0.0; + image.normal: "holes_vert.png"; + rel1.offset: 2 2; + rel2.relative: 0.0 1.0; + rel2.offset: 5 -3; + FIXED_SIZE(4, 14) + } + description { state: "vert" 0.0; + image.normal: "holes_horiz.png"; + rel1.offset: 2 2; + rel2.relative: 1.0 0.0; + rel2.offset: -3 5; + FIXED_SIZE(14, 4) + } + } + part { name: "dots_end"; + description { state: "default" 0.0; + image.normal: "holes_vert.png"; + rel1.relative: 1.0 0.0; + rel1.offset: -6 2; + rel2.offset: -3 -3; + FIXED_SIZE(4, 14) + } + description { state: "vert" 0.0; + image.normal: "holes_horiz.png"; + rel1.relative: 0.0 1.0; + rel1.offset: 2 -6; + rel2.offset: -3 -3; + FIXED_SIZE(14, 4) + } + } + spacer { "sizer"; + description { state: "default" 0.0; + rel1.offset: 1 0; + rel1.relative: 1.0 0.0; + rel1.to_x: "dots_start"; + rel2.offset: -2 -1; + rel2.to_x: "dots_end"; + rel2.relative: 0.0 1.0; + } + description { state: "vert" 0.0; + rel1.offset: 0 1; + rel1.relative: 0.0 1.0; + rel1.to_y: "dots_start"; + rel2.offset: -1 -2; + rel2.to_y: "dots_end"; + rel2.relative: 1.0 0.0; + } + } + part { name: "e.swallow.content"; type: SWALLOW; mouse; + desc { + rel.to: "sizer"; + link.base: "e,state,visible" "e"; + } + desc { "hidden"; hid; + rel.to: "sizer"; + link.base: "e,state,hidden" "e"; + } + } + part { name: "shine"; + description { state: "default" 0.0; + image.normal: "shine.png"; + rel1.offset: 0 -2; + rel2.relative: 1.0 0.0; + rel2.offset: -1 2; + FIXED_SIZE(69, 5) + } + } + rect { "text_fader"; mouse; + desc { hid; + color: 0 0 0 0; + } + desc { "active"; + color: 0 0 0 192; + } + } + text { "e.text"; scale; + effect: SHADOW BOTTOM; + desc { hid; + color: 255 255 255 0; + text { font: "Sans:style=Bold"; size: 14; + min: 1 1; + ellipsis: -1; + } + } + desc { "active"; inherit; vis; + color: 255 255 255 255; + } + } + program { signal: "e,action,resize"; source: "e"; + action: STATE_SET "active"; + transition: LINEAR 0.1; + targets: "e.text" "text_fader"; + sequence { + action: ACTION_STOP; + target: "text_hide"; + action: STATE_SET "default"; + name: "text_hide"; + in: 1.0 0; + transition: LINEAR 0.2; + targets: "e.text" "text_fader"; + } + } + programs { +#define ORIENT_SATE(_ORIENT, _STATE) \ + program { \ + signal: "e,state,orient,"_ORIENT; source: "e"; \ + action: STATE_SET _STATE 0.0; \ + target: "bg"; \ + target: "sizer"; \ + target: "dots_start"; \ + target: "dots_end"; \ + } + } + ORIENT_SATE("horizontal", "default") + ORIENT_SATE("vertical", "vert") +#undef ORIENT_SATE + } +} + +group { name: "e/bryce/invisible/base"; nomouse; + inherit: "e/bryce/default/base"; + data.item: "noshadow" "1"; + parts { + part { name: "bg"; + description { state: "default" 0.0; + visible: 0; + } + description { state: "vert" 0.0; + visible: 0; + } + } + part { name: "bevel"; + description { state: "default" 0.0; + visible: 0; + } + } + part { name: "shine"; + description { state: "default" 0.0; + visible: 0; + } + } + part { name: "dots_start"; + description { state: "default" 0.0; + rel1.offset: 0 0; + rel2.offset: -1 -1; + min: 0 0; + max: 0 0; + visible: 0; + } + description { state: "vert" 0.0; + rel1.offset: 0 0; + rel2.offset: -1 -1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { name: "dots_end"; + description { state: "default" 0.0; + rel1.offset: 0 0; + rel2.offset: -1 -1; + min: 0 0; + max: 0 0; + visible: 0; + } + description { state: "vert" 0.0; + rel1.offset: 0 0; + rel2.offset: -1 -1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + } +} + +group { name: "e/bryce/translucent/base"; nomouse; + inherit: "e/bryce/default/base"; + data.item: "noshadow" "1"; + parts { + part { name: "bg"; + description { state: "default" 0.0; + color: 127 127 127 135; + } + description { state: "vert" 0.0; + color: 127 127 127 135; + } + } + part { name: "bevel"; + description { state: "default" 0.0; + color: 127 127 127 135; + } + } + part { name: "shine"; + description { state: "default" 0.0; + color: 127 127 127 135; + } + } + } +} + +group { name: "e/bryce/default/inset"; nomouse; + alias: "e/bryce/invisible/inset"; + alias: "e/bryce/translucent/inset"; + images.image: "horiz_bar_inset.png" COMP; + images.image: "vert_bar_inset.png" COMP; + parts { + rect { "mouse"; mouse; + desc { color: 0 0 0 0; } + } + part { name: "base"; type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "clip"; type: RECT; + description { state: "default" 0.0; + rel1.offset: 3 1; + rel2.offset: -4 -2; + color: 255 255 255 255; + } + description { state: "vert" 0.0; + rel1.offset: 1 3; + rel2.offset: -2 -4; + color: 255 255 255 255; + } + } + spacer { "sizer"; + description { state: "default" 0.0; + rel1.offset: 4 1; + rel2.offset: -5 -2; + } + description { state: "vert" 0.0; + rel1.offset: 1 4; + rel2.offset: -2 -5; + } + } + part { name: "e.swallow.content"; type: SWALLOW; mouse; + clip_to: "clip"; + desc { + rel.to: "sizer"; + link.base: "e,state,visible" "e"; + } + desc { "hidden"; hid; + rel.to: "sizer"; + link.base: "e,state,hidden" "e"; + } + } + part { name: "inset"; + description { state: "default" 0.0; + rel1.offset: 2 0; + rel2.offset: -3 -1; + image.normal: "horiz_bar_inset.png"; + image.border: 7 7 1 1; + image.middle: 0; + fill.smooth: 0; + } + description { state: "vert" 0.0; + rel1.offset: 0 2; + rel2.offset: -1 -3; + image.normal: "vert_bar_inset.png"; + image.border: 1 1 8 6; + image.middle: 0; + fill.smooth: 0; + } + } + rect { "events"; repeat; mouse; + desc { color: 0 0 0 0; } + } + } + programs { +#define ORIENT_SATE(_ORIENT, _STATE) \ + program { \ + signal: "e,state,orient,"_ORIENT; source: "e"; \ + action: STATE_SET _STATE 0.0; \ + target: "sizer"; \ + target: "inset"; \ + target: "clip"; \ + } + ORIENT_SATE("horizontal", "default") + ORIENT_SATE("vertical", "vert") +#undef ORIENT_SATE + } +} + +group { name: "e/bryce/default/plain"; nomouse; + alias: "e/bryce/invisible/plain"; + alias: "e/bryce/translucent/plain"; + parts { + rect { "mouse"; mouse; + desc { color: 0 0 0 0; } + } + part { name: "base"; type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "clip"; type: RECT; + description { state: "default" 0.0; + color: 255 255 255 255; + } + } + spacer { "sizer"; + desc { + rel1.offset: 1 1; + rel2.offset: -2 -2; + } + } + part { name: "e.swallow.content"; type: SWALLOW; mouse; + clip_to: "clip"; + desc { + rel.to: "sizer"; + link.base: "e,state,visible" "e"; + } + desc { "hidden"; hid; + rel.to: "sizer"; + link.base: "e,state,hidden" "e"; + } + } + rect { "events"; repeat; mouse; + desc { color: 0 0 0 0; } + } + } +} + +group { "elm/scroller/base/bryce"; + parts { + rect { "clip"; } + swallow { "elm.swallow.content" clip: "clip"; } + } +} diff --git a/data/themes/edc/bryce_editor.edc b/data/themes/edc/bryce_editor.edc new file mode 100644 index 000000000..32a81cc38 --- /dev/null +++ b/data/themes/edc/bryce_editor.edc @@ -0,0 +1,404 @@ +group { "bryce_editor_text"; inherit_only: 1; + parts { + text { "e.text"; scale; nomouse; + effect: SHADOW BOTTOM; + desc { + color: 255 255 255 255; + text { font: "Sans:style=Bold"; size: 18; + min: 1 1; + ellipsis: -1; + } + } + } + } +} + +group { "e/bryce/editor/side"; + parts { + rect { "base"; desc { color: 0 0 0 192; } } + program { signal: "mouse,down,*"; source: "base"; + action: SIGNAL_EMIT "e,action,dismiss" "e"; + } + rect { "bottom"; scale; + desc { + min: 33 32; + align: 0 1; + rel1.relative: 0.3 1; + rel2.relative: 0.7 1; + color: 52 153 255 90; + link.base: "mouse,out" "bottom"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "bottom"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,bottom" "e"; + } + } + program { signal: "mouse,down,1"; source: "bottom"; + action: SIGNAL_EMIT "e,bryce,add,bottom" "e"; + } + rect { "top"; scale; + desc { + min: 33 32; + align: 0 0; + rel1.relative: 0.3 0; + rel2.relative: 0.7 0; + color: 52 153 255 90; + link.base: "mouse,out" "top"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "top"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,top" "e"; + } + } + program { signal: "mouse,down,1"; source: "top"; + action: SIGNAL_EMIT "e,bryce,add,top" "e"; + } + rect { "left"; scale; + desc { + min: 32 33; + align: 0 0; + rel1.relative: 0 0.3; + rel2.relative: 0 0.7; + color: 52 153 255 90; + link.base: "mouse,out" "left"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "left"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,left" "e"; + } + } + program { signal: "mouse,down,1"; source: "left"; + action: SIGNAL_EMIT "e,bryce,add,left" "e"; + } + rect { "right"; scale; + desc { + min: 32 33; + align: 1 0; + rel1.relative: 1 0.3; + rel2.relative: 1 0.7; + color: 52 153 255 90; + link.base: "mouse,out" "right"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "right"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,right" "e"; + } + } + program { signal: "mouse,down,1"; source: "right"; + action: SIGNAL_EMIT "e,bryce,add,right" "e"; + } + } + inherit: "bryce_editor_text"; +} + +group { "e/bryce/editor/side/horizontal"; + parts { + rect { "base"; desc { color: 0 0 0 192; } } + program { signal: "mouse,down,*"; source: "base"; + action: SIGNAL_EMIT "e,action,dismiss" "e"; + } + spacer { "pos"; + desc { align: 0 0; + min: 0 32; + rel2.relative: 1 0; + } + desc { "bottom"; + align: 0 1; + min: 0 32; + rel1.relative: 0 1; + link.base: "e,state,bottom" "e"; + } + } + rect { "center"; scale; + desc { + min: 33 32; + align: 0 0; + rel.to_y: "pos"; + rel1.relative: 0.4 0; + rel2.relative: 0.6 1; + color: 52 153 255 90; + link.base: "mouse,out" "center"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "center"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,center" "e"; + } + } + program { signal: "mouse,down,1"; source: "center"; + action: SIGNAL_EMIT "e,bryce,add,center" "e"; + } + rect { "left"; scale; + desc { + min: 33 32; + align: 0 0; + rel.to_y: "pos"; + rel1.relative: 0 0; + rel2.relative: 0.2 1; + color: 52 153 255 90; + link.base: "mouse,out" "left"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "left"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,left" "e"; + } + } + program { signal: "mouse,down,1"; source: "left"; + action: SIGNAL_EMIT "e,bryce,add,left" "e"; + } + rect { "right"; scale; + desc { + min: 33 32; + align: 1 0; + rel.to_y: "pos"; + rel1.relative: 0.8 0; + rel2.relative: 1 1; + color: 52 153 255 90; + link.base: "mouse,out" "right"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "right"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,right" "e"; + } + } + program { signal: "mouse,down,1"; source: "right"; + action: SIGNAL_EMIT "e,bryce,add,right" "e"; + } + } + inherit: "bryce_editor_text"; +} + +group { "e/bryce/editor/side/vertical"; + parts { + rect { "base"; desc { color: 0 0 0 192; } } + program { signal: "mouse,down,*"; source: "base"; + action: SIGNAL_EMIT "e,action,dismiss" "e"; + } + spacer { "pos"; + desc { align: 0 0; + min: 32 0; + rel2.relative: 0 1; + } + desc { "right"; + align: 1 0; + min: 32 0; + rel1.relative: 1 0; + link.base: "e,state,right" "e"; + } + } + rect { "center"; scale; + desc { + min: 32 33; + align: 0 0; + rel.to_x: "pos"; + rel1.relative: 0 0.4; + rel2.relative: 1 0.6; + color: 52 153 255 90; + link.base: "mouse,out" "center"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "center"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,center" "e"; + } + } + program { signal: "mouse,down,1"; source: "center"; + action: SIGNAL_EMIT "e,bryce,add,center" "e"; + } + rect { "top"; scale; + desc { + min: 32 33; + align: 0 0; + rel.to_x: "pos"; + rel1.relative: 0 0; + rel2.relative: 1 0.2; + color: 52 153 255 90; + link.base: "mouse,out" "top"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "top"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,top" "e"; + } + } + program { signal: "mouse,down,1"; source: "top"; + action: SIGNAL_EMIT "e,bryce,add,top" "e"; + } + rect { "bottom"; scale; + desc { + min: 32 33; + align: 0 1; + rel.to_x: "pos"; + rel1.relative: 0 0.8; + rel2.relative: 1 1; + color: 52 153 255 90; + link.base: "mouse,out" "bottom"; + link.transition: LINEAR 0.2; + } + desc { "active"; inherit; + color: 52 153 255 230; + link.base: "mouse,in" "bottom"; + link.transition: LINEAR 0.2; + } + desc { "hid"; hid; + link.base: "e,bryce,exists,bottom" "e"; + } + } + program { signal: "mouse,down,1"; source: "bottom"; + action: SIGNAL_EMIT "e,bryce,add,bottom" "e"; + } + } + inherit: "bryce_editor_text"; +} + +group { "e/bryce/editor/style/item"; nomouse; + parts { + rect { "highlight_t"; scale; + desc { + align: 0.5 0; + max: -1 1; + color: 255 255 255 150; + link.base: "mouse,out" "events"; + } + desc { "active"; max: -1 1; + align: 0.5 0; + color: 52 153 255 230; + link.base: "mouse,in" "events"; + } + } + rect { "highlight_l"; scale; + desc { align: 0 0.5; + max: 1 -1; + color: 255 255 255 150; + link.base: "mouse,out" "events"; + } + desc { "active"; max: 1 -1; + align: 0 0.5; + color: 52 153 255 230; + link.base: "mouse,in" "events"; + } + } + rect { "highlight_r"; scale; + desc { + align: 1 0.5; + max: 1 -1; + color: 255 255 255 150; + link.base: "mouse,out" "events"; + } + desc { "active"; align: 1 0.5; + max: 1 -1; + color: 52 153 255 230; + link.base: "mouse,in" "events"; + } + } + rect { "highlight_b"; scale; + desc { + align: 0.5 1; + max: -1 1; + color: 255 255 255 150; + link.base: "mouse,out" "events"; + } + desc { "active"; align: 0.5 1; + max: -1 1; + color: 52 153 255 230; + link.base: "mouse,in" "events"; + } + } + swallow { "e.swallow.content"; + desc { + rel1.offset: 1 1; + rel2.offset: -2 -2; + } + } + text { "e.text"; scale; + effect: SHADOW BOTTOM; + desc { + color: 255 255 255 255; + text { font: "Sans:style=Bold"; size: 14; + min: 1 1; + ellipsis: -1; + } + } + } + rect { "events"; mouse; + desc { color: 0 0 0 0; } + } + } +} + +group { "e/bryce/editor/style"; + parts { + rect { "base"; desc { color: 0 0 0 192; } } + program { signal: "mouse,down,*"; source: "base"; + action: SIGNAL_EMIT "e,action,dismiss" "e"; + } + swallow { "e.swallow.content"; + desc { align: 0.5 0; + rel1.to_y: "e.text"; + rel1.relative: 0 1; + } + } + } + inherit: "bryce_editor_text"; + parts { + text { "e.text"; + desc { "default"; + align: 0.5 0; + rel2.relative: 1 0; + } + } + } +} + +group { "e/bryce/editor/finish"; inherit: "e/bryce/editor/style"; + parts { + swallow { "e.swallow.content"; + desc { "default"; + rel1.relative: 1 1; + rel2.relative: 0 1; + } + } + } +} -- cgit v1.2.1