rage look/theme - update it to be more conservative
this makes the theme a bit flatter and more conservative. still more to go though.
This commit is contained in:
parent
c253dc0830
commit
b7fb245ac2
|
@ -2,10 +2,14 @@ collections {
|
|||
|
||||
group { name: "rage/core";
|
||||
images.image: "bg_bevel.png" COMP;
|
||||
images.image: "bevel_dark_out.png" COMP;
|
||||
images.image: "pm_fill.png" COMP;
|
||||
images.image: "pm_overlay.png" COMP;
|
||||
images.image: "pm_shadow.png" COMP;
|
||||
images.image: "vg1.png" COMP;
|
||||
images.image: "vg2.png" COMP;
|
||||
|
||||
images.image: "shadow_circle_horiz.png" COMP;
|
||||
images.image: "shadow_circle_vert.png" COMP;
|
||||
|
||||
images.image: "glow_exclam.png" COMP;
|
||||
|
||||
images.image: "icon_eject.png" COMP;
|
||||
|
@ -31,8 +35,6 @@ collections {
|
|||
images.image: "icon_close.png" COMP;
|
||||
|
||||
images.image: "win_shadow.png" COMP;
|
||||
images.image: "bg_shine.png" COMP;
|
||||
images.image: "bg_glint.png" COMP;
|
||||
|
||||
images.image: "vgrad-dark-inv.png" COMP;
|
||||
images.image: "vgrad-dark-inv-trans.png" COMP;
|
||||
|
@ -82,41 +84,67 @@ collections {
|
|||
|
||||
parts {
|
||||
//// -- BACKGROUND
|
||||
part { name: "bg"; type: RECT; mouse_events: 0;
|
||||
description { state: "default" 0.0;
|
||||
color: 64 64 64 255;
|
||||
}
|
||||
}
|
||||
part { name: "fill"; mouse_events: 0;
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
image.normal: "pm_fill.png";
|
||||
color: 56 56 56 255;
|
||||
fill {
|
||||
size.relative: 0.0 0.0;
|
||||
size.offset: 64 64;
|
||||
size.offset: 256 256;
|
||||
}
|
||||
}
|
||||
}
|
||||
part { name: "popmedia_overlay"; mouse_events: 0;
|
||||
part { name: "vg1"; mouse_events: 0;
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
image.normal: "pm_overlay.png";
|
||||
fill.smooth: 0;
|
||||
rel2.relative: 1.0 0.0;
|
||||
rel2.to: "vg2";
|
||||
image.normal: "vg1.png";
|
||||
color: 64 64 64 255;
|
||||
fill {
|
||||
size.relative: 0.0 1.0;
|
||||
size.offset: 256 0;
|
||||
smooth: 0;
|
||||
}
|
||||
}
|
||||
description { state: "focused" 0.0;
|
||||
inherit: "default" 0.0;
|
||||
color: 32 32 32 255;
|
||||
}
|
||||
}
|
||||
part { name: "bevel2";
|
||||
description { state: "default" 0.0;
|
||||
image.normal: "bg_bevel.png";
|
||||
image.border: 1 1 1 1;
|
||||
image.middle: 0;
|
||||
fill.smooth: 0;
|
||||
}
|
||||
}
|
||||
part { name: "shadow"; mouse_events: 0;
|
||||
part { name: "vg2"; mouse_events: 0;
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
rel1.to: "rage.content";
|
||||
rel2.to: "rage.content";
|
||||
image.normal: "pm_shadow.png";
|
||||
image.border: 64 64 64 64;
|
||||
rel1.offset: -32 -32;
|
||||
rel2.offset: 31 31;
|
||||
fill.smooth: 0;
|
||||
align: 0.5 1.0;
|
||||
image.normal: "vg2.png";
|
||||
color: 64 64 64 255;
|
||||
max: 99999 32;
|
||||
fill {
|
||||
size.relative: 0.0 1.0;
|
||||
size.offset: 256 0;
|
||||
smooth: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
program {
|
||||
signal: "state,win,focused"; source: "rage";
|
||||
action: STATE_SET "focused" 0.0;
|
||||
target: "vg1";
|
||||
}
|
||||
program {
|
||||
signal: "state,win,unfocused"; source: "rage";
|
||||
action: STATE_SET "default" 0.0;
|
||||
target: "vg1";
|
||||
}
|
||||
|
||||
part { name: "shadow"; type: RECT;
|
||||
description { state: "default" 0.0;
|
||||
visible: 0;
|
||||
}
|
||||
description { state: "video" 0.0;
|
||||
|
@ -128,6 +156,55 @@ collections {
|
|||
visible: 0;
|
||||
}
|
||||
}
|
||||
part { name: "sh_t"; nomouse;
|
||||
scale: 1;
|
||||
clip_to: "shadow";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "rage.content";
|
||||
rel2.to: "rage.content";
|
||||
rel2.relative: 1.0 0.0;
|
||||
image.normal: "shadow_circle_horiz.png";
|
||||
min: 0 32;
|
||||
color: 255 255 255 128;
|
||||
}
|
||||
}
|
||||
part { name: "sh_b"; nomouse;
|
||||
scale: 1;
|
||||
clip_to: "shadow";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "rage.content";
|
||||
rel2.to: "rage.content";
|
||||
rel1.relative: 0.0 1.0;
|
||||
image.normal: "shadow_circle_horiz.png";
|
||||
min: 0 32;
|
||||
color: 255 255 255 128;
|
||||
}
|
||||
}
|
||||
part { name: "sh_l"; nomouse;
|
||||
scale: 1;
|
||||
clip_to: "shadow";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "rage.content";
|
||||
rel2.to: "rage.content";
|
||||
rel2.relative: 0.0 1.0;
|
||||
image.normal: "shadow_circle_vert.png";
|
||||
min: 32 0;
|
||||
color: 255 255 255 128;
|
||||
}
|
||||
}
|
||||
part { name: "sh_r"; nomouse;
|
||||
scale: 1;
|
||||
clip_to: "shadow";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "rage.content";
|
||||
rel2.to: "rage.content";
|
||||
rel1.relative: 1.0 0.0;
|
||||
image.normal: "shadow_circle_vert.png";
|
||||
min: 32 0;
|
||||
color: 255 255 255 128;
|
||||
}
|
||||
}
|
||||
|
||||
part { name: "black"; type: RECT; mouse_events: 0;
|
||||
description { state: "default" 0.0;
|
||||
color: 0 0 0 0;
|
||||
|
@ -168,25 +245,6 @@ collections {
|
|||
visible: 0;
|
||||
}
|
||||
}
|
||||
part { name: "base_bevel";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "base";
|
||||
rel2.to: "base";
|
||||
image.normal: "bevel_dark_out.png";
|
||||
image.border: 1 1 1 1;
|
||||
image.middle: 0;
|
||||
fill.smooth: 0;
|
||||
visible: 0;
|
||||
}
|
||||
description { state: "visible" 0.0;
|
||||
inherit: "default" 0.0;
|
||||
visible: 1;
|
||||
}
|
||||
description { state: "play" 0.0;
|
||||
inherit: "default" 0.0;
|
||||
visible: 0;
|
||||
}
|
||||
}
|
||||
part { name: "exclam"; mouse_events: 0;
|
||||
scale: 1;
|
||||
clip_to: "novid_clip";
|
||||
|
@ -215,7 +273,6 @@ collections {
|
|||
action: STATE_SET "default" 0.0;
|
||||
target: "exclam";
|
||||
target: "base";
|
||||
target: "base_bevel";
|
||||
after: "newvid2";
|
||||
}
|
||||
program { name: "newvid2";
|
||||
|
@ -224,14 +281,12 @@ collections {
|
|||
transition: SINUSOIDAL 1.0;
|
||||
target: "exclam";
|
||||
target: "base";
|
||||
target: "base_bevel";
|
||||
}
|
||||
program {
|
||||
signal: "action,frame"; source: "rage";
|
||||
action: STATE_SET "play" 0.0;
|
||||
target: "exclam";
|
||||
target: "base";
|
||||
target: "base_bevel";
|
||||
}
|
||||
|
||||
part { name: "rage.content"; type: SWALLOW;
|
||||
|
@ -254,16 +309,16 @@ collections {
|
|||
}
|
||||
}
|
||||
part { name: "controlbar_shadow"; mouse_events: 0;
|
||||
scale: 1;
|
||||
clip_to: "controlbar_shadow_clip";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
rel1.to: "controlbar";
|
||||
rel2.to: "controlbar";
|
||||
image.normal: "pm_shadow.png";
|
||||
image.border: 64 64 64 64;
|
||||
rel1.offset: -32 -32;
|
||||
rel2.offset: 31 31;
|
||||
fill.smooth: 0;
|
||||
rel2.relative: 1.0 0.0;
|
||||
image.normal: "shadow_circle_horiz.png";
|
||||
min: 0 32;
|
||||
color: 255 255 255 128;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -426,33 +481,6 @@ collections {
|
|||
fill.smooth: 0;
|
||||
}
|
||||
}
|
||||
part { name: "speaker_glintclip"; type: RECT;
|
||||
clip_to: "speaker_clip";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "speaker_cover";
|
||||
rel2.to: "speaker_cover";
|
||||
rel1.offset: 0 -10;
|
||||
}
|
||||
}
|
||||
part { name: "speaker_glint"; mouse_events: 0;
|
||||
clip_to: "speaker_glintclip";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
min: 79 5;
|
||||
max: 79 5;
|
||||
rel1 {
|
||||
relative: 0.0 0.0;
|
||||
offset: 0 0;
|
||||
to: "speaker_cover";
|
||||
}
|
||||
rel2 {
|
||||
relative: 1.0 0.0;
|
||||
offset: -1 0;
|
||||
to: "speaker_cover";
|
||||
}
|
||||
image.normal: "bg_glint.png";
|
||||
}
|
||||
}
|
||||
program {
|
||||
signal: "state,novideo"; source: "rage";
|
||||
action: STATE_SET "novideo" 0.0;
|
||||
|
@ -590,20 +618,15 @@ collections {
|
|||
visible: 1;
|
||||
}
|
||||
}
|
||||
part { name: "controlbar"; mouse_events: 0;
|
||||
part { name: "controlbar"; type: RECT; mouse_events: 0;
|
||||
clip_to: "controlbar_clip";
|
||||
description { state: "default" 0.0;
|
||||
image.normal: "vgrad-dark-inv-trans.png";
|
||||
fill {
|
||||
smooth: 0;
|
||||
size.relative: 0.0 1.0;
|
||||
size.offset: 160 0;
|
||||
}
|
||||
color: 64 64 64 128;
|
||||
rel1.to: "rage.pos.prev.swallow";
|
||||
}
|
||||
description { state: "novideo" 0.0;
|
||||
inherit: "default" 0.0;
|
||||
image.normal: "vgrad-dark-inv.png";
|
||||
color: 64 64 64 255;
|
||||
}
|
||||
}
|
||||
program {
|
||||
|
@ -652,19 +675,16 @@ collections {
|
|||
}
|
||||
}
|
||||
|
||||
part { name: "bar"; mouse_events: 0;
|
||||
part { name: "bar"; type: RECT; mouse_events: 0;
|
||||
clip_to: "controlbar_clip";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
image.normal: "posglow.png";
|
||||
image.border: 7 7 7 0;
|
||||
rel1.offset: -7 -9;
|
||||
color: 51 153 255 255;
|
||||
rel1.offset: 0 -5;
|
||||
rel1.relative: 0.0 1.0;
|
||||
rel1.to_x: "bar_bg";
|
||||
rel2.offset: 6 -1;
|
||||
rel2.to_x: "rage.dragable.pos";
|
||||
min: 14 9;
|
||||
fill.smooth: 0;
|
||||
min: 0 5;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1052,45 +1072,6 @@ collections {
|
|||
}
|
||||
}
|
||||
|
||||
part { name: "controlbar_bevel"; mouse_events: 0;
|
||||
clip_to: "controlbar_clip";
|
||||
description { state: "default" 0.0;
|
||||
image.normal: "bg_bevel.png";
|
||||
image.border: 1 1 1 1;
|
||||
image.middle: 0;
|
||||
fill.smooth: 0;
|
||||
rel1.to: "controlbar";
|
||||
rel2.to: "controlbar";
|
||||
}
|
||||
}
|
||||
part { name: "controlbar_glintclip"; type: RECT;
|
||||
clip_to: "controlbar_clip";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "controlbar";
|
||||
rel2.to: "controlbar";
|
||||
rel1.offset: 0 -10;
|
||||
}
|
||||
}
|
||||
part { name: "controlbar_glint"; mouse_events: 0;
|
||||
clip_to: "controlbar_glintclip";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
min: 79 5;
|
||||
max: 79 5;
|
||||
rel1 {
|
||||
relative: 0.0 0.0;
|
||||
offset: 0 0;
|
||||
to: "controlbar";
|
||||
}
|
||||
rel2 {
|
||||
relative: 1.0 0.0;
|
||||
offset: -1 0;
|
||||
to: "controlbar";
|
||||
}
|
||||
image.normal: "bg_glint.png";
|
||||
}
|
||||
}
|
||||
|
||||
#define STATE_FADE_PROG(_name) \
|
||||
program { \
|
||||
signal: "action,"_name; source: "rage"; \
|
||||
|
@ -1661,6 +1642,7 @@ collections {
|
|||
fixed: 1 1;
|
||||
rel1.to: "rage.dragable.content";
|
||||
rel2.to: "rage.dragable.content";
|
||||
color: 255 255 255 128;
|
||||
image.normal: "win_shadow.png";
|
||||
image.border: 14 14 14 14;
|
||||
image.middle: 0;
|
||||
|
@ -1669,15 +1651,11 @@ collections {
|
|||
fill.smooth: 0;
|
||||
}
|
||||
}
|
||||
part { name: "dragover_fill"; mouse_events: 0;
|
||||
part { name: "dragover_fill"; type: RECT; mouse_events: 0;
|
||||
clip_to: "dragover_active";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
image.normal: "pm_fill.png";
|
||||
fill {
|
||||
size.relative: 0.0 0.0;
|
||||
size.offset: 64 64;
|
||||
}
|
||||
color: 32 32 32 255;
|
||||
rel1.to: "rage.dragable.content";
|
||||
rel2.to: "rage.dragable.content";
|
||||
}
|
||||
|
@ -1691,64 +1669,6 @@ collections {
|
|||
fixed: 1 1;
|
||||
}
|
||||
}
|
||||
part { name: "dragover_clip"; type: RECT;
|
||||
clip_to: "dragover_active";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "rage.dragable.content";
|
||||
rel2.to: "rage.dragable.content";
|
||||
fixed: 1 1;
|
||||
}
|
||||
}
|
||||
part { name: "dragover_glintclip"; type: RECT;
|
||||
clip_to: "dragover_active";
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "dragover_clip";
|
||||
rel2.to: "dragover_clip";
|
||||
rel1.offset: 0 -10;
|
||||
}
|
||||
}
|
||||
part { name: "shine"; mouse_events: 0;
|
||||
clip_to: "dragover_clip";
|
||||
description { state: "default" 0.0;
|
||||
image.normal: "bg_shine.png";
|
||||
fill.smooth: 0;
|
||||
rel1.to: "dragover_clip";
|
||||
rel2.to: "dragover_clip";
|
||||
align: 0.5 0.0;
|
||||
aspect: (255/120) (255/120);
|
||||
aspect_preference: HORIZONTAL;
|
||||
}
|
||||
}
|
||||
part { name: "glint"; mouse_events: 0;
|
||||
clip_to: "dragover_glintclip";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
min: 79 5;
|
||||
max: 79 5;
|
||||
rel1 {
|
||||
relative: 0.0 0.0;
|
||||
offset: 0 0;
|
||||
to: "dragover_clip";
|
||||
}
|
||||
rel2 {
|
||||
relative: 1.0 0.0;
|
||||
offset: -1 0;
|
||||
to: "dragover_clip";
|
||||
}
|
||||
image.normal: "bg_glint.png";
|
||||
}
|
||||
}
|
||||
part { name: "dragover_bevel2"; mouse_events: 0;
|
||||
clip_to: "dragover_active";
|
||||
description { state: "default" 0.0;
|
||||
image.normal: "bg_bevel.png";
|
||||
image.border: 1 1 1 1;
|
||||
image.middle: 0;
|
||||
fill.smooth: 0;
|
||||
rel1.to: "rage.dragable.content";
|
||||
rel2.to: "rage.dragable.content";
|
||||
}
|
||||
}
|
||||
program { name: "dragmove";
|
||||
signal: "mouse,move"; source: "dragover_event";
|
||||
script {
|
||||
|
@ -1981,8 +1901,6 @@ collections {
|
|||
group { name: "rage/list/item";
|
||||
images.image: "win_shadow.png" COMP;
|
||||
images.image: "win_glow.png" COMP;
|
||||
images.image: "bg_shine.png" COMP;
|
||||
images.image: "bg_glint.png" COMP;
|
||||
|
||||
parts {
|
||||
part { name: "shadow"; mouse_events: 0;
|
||||
|
@ -1990,6 +1908,7 @@ collections {
|
|||
fixed: 1 1;
|
||||
rel1.to: "clip";
|
||||
rel2.to: "clip";
|
||||
color: 255 255 255 128;
|
||||
image.normal: "win_shadow.png";
|
||||
image.border: 14 14 14 14;
|
||||
image.middle: 0;
|
||||
|
@ -2043,13 +1962,6 @@ collections {
|
|||
rel2.offset: -5 -5;
|
||||
}
|
||||
}
|
||||
part { name: "glintclip"; type: RECT;
|
||||
description { state: "default" 0.0;
|
||||
rel1.to: "clip";
|
||||
rel2.to: "clip";
|
||||
rel1.offset: 0 -10;
|
||||
}
|
||||
}
|
||||
part { name: "rage.sizer"; type: SWALLOW;
|
||||
description { state: "default" 0.0;
|
||||
min: 16 16;
|
||||
|
@ -2064,37 +1976,6 @@ collections {
|
|||
rel2.to: "clip";
|
||||
}
|
||||
}
|
||||
part { name: "shine"; mouse_events: 0;
|
||||
clip_to: "clip";
|
||||
description { state: "default" 0.0;
|
||||
image.normal: "bg_shine.png";
|
||||
fill.smooth: 0;
|
||||
rel1.to: "clip";
|
||||
rel2.to: "clip";
|
||||
align: 0.5 0.0;
|
||||
aspect: (255/120) (255/120);
|
||||
aspect_preference: HORIZONTAL;
|
||||
}
|
||||
}
|
||||
part { name: "glint"; mouse_events: 0;
|
||||
clip_to: "glintclip";
|
||||
description { state: "default" 0.0;
|
||||
fixed: 1 1;
|
||||
min: 79 5;
|
||||
max: 79 5;
|
||||
rel1 {
|
||||
relative: 0.0 0.0;
|
||||
offset: 0 0;
|
||||
to: "clip";
|
||||
}
|
||||
rel2 {
|
||||
relative: 1.0 0.0;
|
||||
offset: -1 0;
|
||||
to: "clip";
|
||||
}
|
||||
image.normal: "bg_glint.png";
|
||||
}
|
||||
}
|
||||
part { name: "rage.title"; type: TEXT; mouse_events: 0;
|
||||
effect: GLOW;
|
||||
scale: 1;
|
||||
|
@ -2177,6 +2058,7 @@ collections {
|
|||
fixed: 1 1;
|
||||
rel1.to: "clip";
|
||||
rel2.to: "clip";
|
||||
color: 255 255 255 128;
|
||||
image.normal: "win_shadow.png";
|
||||
image.border: 14 14 14 14;
|
||||
image.middle: 0;
|
||||
|
|
|
@ -1,4 +1,8 @@
|
|||
THEME_IMGS = \
|
||||
data/themes/images/shadow_circle_horiz.png \
|
||||
data/themes/images/shadow_circle_vert.png \
|
||||
data/themes/images/vg1.png \
|
||||
data/themes/images/vg2.png \
|
||||
data/themes/images/bevel_dark_out.png \
|
||||
data/themes/images/bg_bevel.png \
|
||||
data/themes/images/bg_glint.png \
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 254 B After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
After Width: | Height: | Size: 609 B |
Binary file not shown.
After Width: | Height: | Size: 777 B |
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
Loading…
Reference in New Issue