diff options
| author | Colomban Wendling <[email protected]> | 2020-10-13 11:38:57 +0200 |
|---|---|---|
| committer | raveit65 <[email protected]> | 2020-11-03 12:26:15 +0100 |
| commit | 64da2cf535fd30a4fb280649002d36a8299c3a10 (patch) | |
| tree | abdb42d25491f33dda9653983da64fb0c99f8740 | |
| parent | 7e206d3df8612be51216367de9814ad7f4630ac3 (diff) | |
| download | mate-themes-64da2cf535fd30a4fb280649002d36a8299c3a10.tar.bz2 mate-themes-64da2cf535fd30a4fb280649002d36a8299c3a10.tar.xz | |
Blue-submarine: Use procedural adaptive-sized icons
20 files changed, 350 insertions, 46 deletions
diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/Makefile.am b/desktop-themes/Blue-Submarine-border/metacity-1/Makefile.am index 78ed94ef..387ce697 100644 --- a/desktop-themes/Blue-Submarine-border/metacity-1/Makefile.am +++ b/desktop-themes/Blue-Submarine-border/metacity-1/Makefile.am @@ -2,14 +2,6 @@ themedir = $(datadir)/themes/Blue-Submarine-border/metacity-1 theme_DATA = \ - icon_close.png \ - icon_close_u.png \ - icon_maximize.png \ - icon_maximize_u.png \ - icon_minimize.png \ - icon_minimize_u.png \ - icon_restore.png \ - icon_restore_u.png \ metacity-theme-1.xml \ stripes.png diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_close.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_close.png Binary files differdeleted file mode 100644 index f2f8408a..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_close.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_close_u.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_close_u.png Binary files differdeleted file mode 100644 index dff25f9f..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_close_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_maximize.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_maximize.png Binary files differdeleted file mode 100644 index e9eb1a56..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_maximize.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_maximize_u.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_maximize_u.png Binary files differdeleted file mode 100644 index 930b481f..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_maximize_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_minimize.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_minimize.png Binary files differdeleted file mode 100644 index 2b6459c2..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_minimize.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_minimize_u.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_minimize_u.png Binary files differdeleted file mode 100644 index 8dabe871..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_minimize_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_restore.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_restore.png Binary files differdeleted file mode 100644 index fed61c3c..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_restore.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/icon_restore_u.png b/desktop-themes/Blue-Submarine-border/metacity-1/icon_restore_u.png Binary files differdeleted file mode 100644 index f9dc696f..00000000 --- a/desktop-themes/Blue-Submarine-border/metacity-1/icon_restore_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine-border/metacity-1/metacity-theme-1.xml b/desktop-themes/Blue-Submarine-border/metacity-1/metacity-theme-1.xml index 7ef72d79..9ec06d25 100644 --- a/desktop-themes/Blue-Submarine-border/metacity-1/metacity-theme-1.xml +++ b/desktop-themes/Blue-Submarine-border/metacity-1/metacity-theme-1.xml @@ -296,12 +296,60 @@ </draw_ops> <!-- ::: ICONS ::: --> +<!-- BEWARE: all those weird "-(1)" at the ends is to offset 1px to the top + left because somehow otherwise we look off to the right. A proper fix + would probably be to move it at an upper hierarchical level, but that way + it works nicely with the existing state (including pressed framing) --> +<!-- Colors are based on the previous images ones: + Outlines: + - prelight: black at 40% alpha. + - normal: 70% alpha on the prelight: 0.4*0.7 = 0.28. + Shapes: + - prelight: white + - normal: 70% alpha on the prelight. However, as using alpha means we + must not overlap strokes, and it's a pain not to on the cross shape, + we use a pre-blended 70% white over #1C1B19. It's slightly wrong as + the background is a gradient, but it's close enough as we are on the + very right. + - unfocused: 50% blend between #101010 and #CBD5D9 +--> +<constant name="IconPadding" value="3" /> + <draw_ops name="close_button_icon"> - <image filename="icon_close.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> + <!-- outer shape of the cross: go clockwise from top left corner --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="IconPadding - 1 -(1)" x2="width / 2 -(1)" y2="height / 2 - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 + 1 -(1)" y1="height / 2 - 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="IconPadding + 1 -(1)" x2="width / 2 + 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 + 3 -(1)" y1="height / 2 + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width / 2 -(1)" y2="height / 2 + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 - 1 -(1)" y1="height / 2 + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding -(1)" y1="height - IconPadding + 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width / 2 - 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 - 3 -(1)" y1="height / 2 - 1 -(1)" x2="IconPadding - 1 -(1)" y2="IconPadding + 1 -(1)" /> + <!-- we don't play with line width because we want pointy bits --> + <!-- top-left to bottom-right line of the cross --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!-- top-right to bottom-left line of the cross --> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> </draw_ops> <draw_ops name="close_button_icon_unfocused"> - <image filename="icon_close_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/> + <!-- we don't play with line width because we want pointy bits --> + <!-- top-left to bottom-right line of the cross --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!-- top-right to bottom-left line of the cross --> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> </draw_ops> <draw_ops name="close_button_normal"> @@ -309,8 +357,30 @@ <include name="close_button_icon"/> </draw_ops> <draw_ops name="close_button_prelight"> + <!-- outer shape of the cross: go clockwise from top left corner --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="IconPadding - 1 -(1)" x2="width / 2 -(1)" y2="height / 2 - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 + 1 -(1)" y1="height / 2 - 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="IconPadding + 1 -(1)" x2="width / 2 + 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 + 3 -(1)" y1="height / 2 + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width / 2 -(1)" y2="height / 2 + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 - 1 -(1)" y1="height / 2 + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding -(1)" y1="height - IconPadding + 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width / 2 - 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 - 3 -(1)" y1="height / 2 - 1 -(1)" x2="IconPadding - 1 -(1)" y2="IconPadding + 1 -(1)" /> + <!-- we don't play with line width because we want pointy bits --> + <!-- top-left to bottom-right line of the cross --> + <line color="white" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!-- top-right to bottom-left line of the cross --> + <line color="white" x1="width - IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="white" x1="width - IconPadding -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="width - IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_close.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="1" /> </draw_ops> <draw_ops name="close_button_pressed"> <include name="button_bg_pressed"/> @@ -330,11 +400,31 @@ </draw_ops> <draw_ops name="maximize_button_icon"> - <image filename="icon_maximize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> -</draw_ops> - -<draw_ops name="maximize_button_icon_unfocused"> - <image filename="icon_maximize_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="IconPadding + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <!-- shape --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding -(1)" y2="IconPadding + 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> +</draw_ops> + +<draw_ops name="maximize_button_icon_unfocused"> + <!-- shape --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding -(1)" y2="IconPadding + 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> </draw_ops> <draw_ops name="maximize_button_normal"> @@ -342,8 +432,24 @@ <include name="maximize_button_icon"/> </draw_ops> <draw_ops name="maximize_button_prelight"> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="IconPadding + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <!-- shape --> + <line color="white" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="IconPadding -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding -(1)" y2="IconPadding + 1 -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="white" x1="width - IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_maximize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10"/> </draw_ops> <draw_ops name="maximize_button_pressed"> <include name="button_bg_pressed"/> @@ -362,11 +468,31 @@ </draw_ops> <draw_ops name="restore_button_icon"> - <image filename="icon_restore.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding - 1 + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="IconPadding - 1 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 + (width / 8) -(1)" y1="height - IconPadding + 1 - (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding + 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="IconPadding - 1 + (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 - (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) - 1 -(1)" y2="IconPadding + 2 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 + (width / 8) -(1)" y1="height - IconPadding - 1 - (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="IconPadding + 1 + (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <!-- shape --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 1 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + 1 + (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="height - IconPadding - (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="IconPadding + (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding - (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> </draw_ops> <draw_ops name="restore_button_icon_unfocused"> - <image filename="icon_restore_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/> + <!-- shape --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 1 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + 1 + (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="height - IconPadding - (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="IconPadding + (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding - (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> </draw_ops> <draw_ops name="restore_button_normal"> @@ -374,8 +500,24 @@ <include name="restore_button_icon"/> </draw_ops> <draw_ops name="restore_button_prelight"> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding - 1 + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="IconPadding - 1 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 + (width / 8) -(1)" y1="height - IconPadding + 1 - (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding + 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="IconPadding - 1 + (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 - (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) - 1 -(1)" y2="IconPadding + 2 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 + (width / 8) -(1)" y1="height - IconPadding - 1 - (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="IconPadding + 1 + (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <!-- shape --> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + (width / 8) -(1)" /> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 1 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + 1 + (width / 8) -(1)" /> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="height - IconPadding - (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="IconPadding + (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="white" x1="width - IconPadding - (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_restore.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10"/> </draw_ops> <draw_ops name="restore_button_pressed"> <include name="button_bg_pressed"/> @@ -394,19 +536,37 @@ </draw_ops> <draw_ops name="minimize_button_icon"> - <image filename="icon_minimize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> + <!-- border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 2 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- shape --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> </draw_ops> <draw_ops name="minimize_button_icon_unfocused"> - <image filename="icon_minimize_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/></draw_ops> + <!-- shape --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> +</draw_ops> <draw_ops name="minimize_button_normal"> <include name="button_bg"/> <include name="minimize_button_icon"/> </draw_ops> <draw_ops name="minimize_button_prelight"> + <!-- border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 2 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- shape --> + <line color="white" x1="IconPadding -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_minimize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10"/> </draw_ops> <draw_ops name="minimize_button_pressed"> <include name="button_bg_pressed"/> diff --git a/desktop-themes/Blue-Submarine/metacity-1/Makefile.am b/desktop-themes/Blue-Submarine/metacity-1/Makefile.am index ff115767..641e6a4c 100644 --- a/desktop-themes/Blue-Submarine/metacity-1/Makefile.am +++ b/desktop-themes/Blue-Submarine/metacity-1/Makefile.am @@ -2,14 +2,6 @@ themedir = $(datadir)/themes/Blue-Submarine/metacity-1 theme_DATA = \ - icon_close.png \ - icon_close_u.png \ - icon_maximize.png \ - icon_maximize_u.png \ - icon_minimize.png \ - icon_minimize_u.png \ - icon_restore.png \ - icon_restore_u.png \ metacity-theme-1.xml \ stripes.png diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_close.png b/desktop-themes/Blue-Submarine/metacity-1/icon_close.png Binary files differdeleted file mode 100644 index f2f8408a..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_close.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_close_u.png b/desktop-themes/Blue-Submarine/metacity-1/icon_close_u.png Binary files differdeleted file mode 100644 index dff25f9f..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_close_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_maximize.png b/desktop-themes/Blue-Submarine/metacity-1/icon_maximize.png Binary files differdeleted file mode 100644 index e9eb1a56..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_maximize.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_maximize_u.png b/desktop-themes/Blue-Submarine/metacity-1/icon_maximize_u.png Binary files differdeleted file mode 100644 index 930b481f..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_maximize_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_minimize.png b/desktop-themes/Blue-Submarine/metacity-1/icon_minimize.png Binary files differdeleted file mode 100644 index 2b6459c2..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_minimize.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_minimize_u.png b/desktop-themes/Blue-Submarine/metacity-1/icon_minimize_u.png Binary files differdeleted file mode 100644 index 8dabe871..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_minimize_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_restore.png b/desktop-themes/Blue-Submarine/metacity-1/icon_restore.png Binary files differdeleted file mode 100644 index fed61c3c..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_restore.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/icon_restore_u.png b/desktop-themes/Blue-Submarine/metacity-1/icon_restore_u.png Binary files differdeleted file mode 100644 index f9dc696f..00000000 --- a/desktop-themes/Blue-Submarine/metacity-1/icon_restore_u.png +++ /dev/null diff --git a/desktop-themes/Blue-Submarine/metacity-1/metacity-theme-1.xml b/desktop-themes/Blue-Submarine/metacity-1/metacity-theme-1.xml index ebe79ad1..b84ed921 100644 --- a/desktop-themes/Blue-Submarine/metacity-1/metacity-theme-1.xml +++ b/desktop-themes/Blue-Submarine/metacity-1/metacity-theme-1.xml @@ -296,12 +296,60 @@ </draw_ops> <!-- ::: ICONS ::: --> +<!-- BEWARE: all those weird "-(1)" at the ends is to offset 1px to the top + left because somehow otherwise we look off to the right. A proper fix + would probably be to move it at an upper hierarchical level, but that way + it works nicely with the existing state (including pressed framing) --> +<!-- Colors are based on the previous images ones: + Outlines: + - prelight: black at 40% alpha. + - normal: 70% alpha on the prelight: 0.4*0.7 = 0.28. + Shapes: + - prelight: white + - normal: 70% alpha on the prelight. However, as using alpha means we + must not overlap strokes, and it's a pain not to on the cross shape, + we use a pre-blended 70% white over #1C1B19. It's slightly wrong as + the background is a gradient, but it's close enough as we are on the + very right. + - unfocused: 50% blend between #101010 and #CBD5D9 +--> +<constant name="IconPadding" value="3" /> + <draw_ops name="close_button_icon"> - <image filename="icon_close.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> + <!-- outer shape of the cross: go clockwise from top left corner --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="IconPadding - 1 -(1)" x2="width / 2 -(1)" y2="height / 2 - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 + 1 -(1)" y1="height / 2 - 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="IconPadding + 1 -(1)" x2="width / 2 + 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 + 3 -(1)" y1="height / 2 + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width / 2 -(1)" y2="height / 2 + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 - 1 -(1)" y1="height / 2 + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding -(1)" y1="height - IconPadding + 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width / 2 - 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width / 2 - 3 -(1)" y1="height / 2 - 1 -(1)" x2="IconPadding - 1 -(1)" y2="IconPadding + 1 -(1)" /> + <!-- we don't play with line width because we want pointy bits --> + <!-- top-left to bottom-right line of the cross --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!-- top-right to bottom-left line of the cross --> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> </draw_ops> <draw_ops name="close_button_icon_unfocused"> - <image filename="icon_close_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/> + <!-- we don't play with line width because we want pointy bits --> + <!-- top-left to bottom-right line of the cross --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!-- top-right to bottom-left line of the cross --> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> </draw_ops> <draw_ops name="close_button_normal"> @@ -309,8 +357,30 @@ <include name="close_button_icon"/> </draw_ops> <draw_ops name="close_button_prelight"> + <!-- outer shape of the cross: go clockwise from top left corner --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="IconPadding - 1 -(1)" x2="width / 2 -(1)" y2="height / 2 - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 + 1 -(1)" y1="height / 2 - 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="IconPadding + 1 -(1)" x2="width / 2 + 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 + 3 -(1)" y1="height / 2 + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width / 2 -(1)" y2="height / 2 + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 - 1 -(1)" y1="height / 2 + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding -(1)" y1="height - IconPadding + 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width / 2 - 2 -(1)" y2="height / 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width / 2 - 3 -(1)" y1="height / 2 - 1 -(1)" x2="IconPadding - 1 -(1)" y2="IconPadding + 1 -(1)" /> + <!-- we don't play with line width because we want pointy bits --> + <!-- top-left to bottom-right line of the cross --> + <line color="white" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!-- top-right to bottom-left line of the cross --> + <line color="white" x1="width - IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="white" x1="width - IconPadding -(1)" y1="IconPadding -(1)" x2="IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="width - IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_close.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="1" /> </draw_ops> <draw_ops name="close_button_pressed"> <include name="button_bg_pressed"/> @@ -330,11 +400,31 @@ </draw_ops> <draw_ops name="maximize_button_icon"> - <image filename="icon_maximize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> -</draw_ops> - -<draw_ops name="maximize_button_icon_unfocused"> - <image filename="icon_maximize_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 -(1)" y1="IconPadding + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <!-- shape --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding -(1)" y2="IconPadding + 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> +</draw_ops> + +<draw_ops name="maximize_button_icon_unfocused"> + <!-- shape --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding -(1)" y2="IconPadding + 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> </draw_ops> <draw_ops name="maximize_button_normal"> @@ -342,8 +432,24 @@ <include name="maximize_button_icon"/> </draw_ops> <draw_ops name="maximize_button_prelight"> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="IconPadding -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="IconPadding -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding - 1 -(1)" y2="IconPadding + 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 -(1)" y1="IconPadding + 3 -(1)" x2="IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 -(1)" x2="width - IconPadding - 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <!-- shape --> + <line color="white" x1="IconPadding -(1)" y1="IconPadding -(1)" x2="width - IconPadding -(1)" y2="IconPadding -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="IconPadding + 1 -(1)" x2="width - IconPadding -(1)" y2="IconPadding + 1 -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="white" x1="width - IconPadding -(1)" y1="IconPadding + 2 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_maximize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10"/> </draw_ops> <draw_ops name="maximize_button_pressed"> <include name="button_bg_pressed"/> @@ -362,11 +468,31 @@ </draw_ops> <draw_ops name="restore_button_icon"> - <image filename="icon_restore.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding - 1 + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="IconPadding - 1 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 + (width / 8) -(1)" y1="height - IconPadding + 1 - (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding + 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="IconPadding - 1 + (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 - (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) - 1 -(1)" y2="IconPadding + 2 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 + (width / 8) -(1)" y1="height - IconPadding - 1 - (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="IconPadding + 1 + (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <!-- shape --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 1 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + 1 + (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="height - IconPadding - (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="IconPadding + (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="width - IconPadding - (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> </draw_ops> <draw_ops name="restore_button_icon_unfocused"> - <image filename="icon_restore_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/> + <!-- shape --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 1 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + 1 + (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="height - IconPadding - (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="IconPadding + (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="width - IconPadding - (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> </draw_ops> <draw_ops name="restore_button_normal"> @@ -374,8 +500,24 @@ <include name="restore_button_icon"/> </draw_ops> <draw_ops name="restore_button_prelight"> + <!-- outer border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding - 1 + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="IconPadding - 1 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 + (width / 8) -(1)" y1="height - IconPadding + 1 - (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding + 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="IconPadding - 1 + (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 - (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding + 1 - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <!-- inner border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) - 1 -(1)" y2="IconPadding + 2 + (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 + (width / 8) -(1)" y1="height - IconPadding - 1 - (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding + 1 + (width / 8) -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="IconPadding + 1 + (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding - 1 -(1)" y1="IconPadding + 3 + (width / 8) -(1)" x2="width - IconPadding - 1 - (width / 8) -(1)" y2="height - IconPadding - 2 - (width / 8) -(1)" /> + <!-- shape --> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + (width / 8) -(1)" /> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 1 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="IconPadding + 1 + (width / 8) -(1)" /> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="height - IconPadding - (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - (width / 8) -(1)" /> + <line color="white" x1="IconPadding + (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="IconPadding + (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <line color="white" x1="width - IconPadding - (width / 8) -(1)" y1="IconPadding + 2 + (width / 8) -(1)" x2="width - IconPadding - (width / 8) -(1)" y2="height - IconPadding - 1 - (width / 8) -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_restore.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10"/> </draw_ops> <draw_ops name="restore_button_pressed"> <include name="button_bg_pressed"/> @@ -394,19 +536,37 @@ </draw_ops> <draw_ops name="minimize_button_icon"> - <image filename="icon_minimize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" alpha="0.7"/> + <!-- border --> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 2 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.28)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- shape --> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#1C1B19/white/0.7" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> </draw_ops> <draw_ops name="minimize_button_icon_unfocused"> - <image filename="icon_minimize_u.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10" colorize="blend/#101010/#CBD5D9/0.5"/></draw_ops> + <!-- shape --> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="blend/#101010/#CBD5D9/0.5" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> +</draw_ops> <draw_ops name="minimize_button_normal"> <include name="button_bg"/> <include name="minimize_button_icon"/> </draw_ops> <draw_ops name="minimize_button_prelight"> + <!-- border --> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 2 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding - 2 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding + 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding + 1 -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="IconPadding - 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="IconPadding - 1 -(1)" y2="height - IconPadding -(1)" /> + <line color="rgba(0, 0, 0, 0.4)" x1="width - IconPadding + 1 -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding + 1 -(1)" y2="height - IconPadding -(1)" /> + <!-- shape --> + <line color="white" x1="IconPadding -(1)" y1="height - IconPadding - 1 -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding - 1 -(1)" /> + <line color="white" x1="IconPadding -(1)" y1="height - IconPadding -(1)" x2="width - IconPadding -(1)" y2="height - IconPadding -(1)" /> + <!--<include name="button_bg_prelight"/>--> - <image filename="icon_minimize.png" x="(width-10)/2" y="(height-10)/2" width="10" height="10"/> </draw_ops> <draw_ops name="minimize_button_pressed"> <include name="button_bg_pressed"/> |
