From 833c03424dc8b5c4666cc8f39fa6dc12d24e0ae0 Mon Sep 17 00:00:00 2001
From: reorr <hasbeeazam@gmail.com>
Date: Mon, 12 Nov 2018 14:51:49 +0000
Subject: [PATCH] add vela xfwm4 theme

---
 README.md                                |  2 +-
 warnai                                   |  4 ++--
 xfwm4/vela/border.svg                    |  3 +++
 xfwm4/vela/close-active.svg              |  8 ++++++++
 xfwm4/vela/close-inactive.svg            |  8 ++++++++
 xfwm4/vela/close-prelight.svg            |  8 ++++++++
 xfwm4/vela/close-pressed.svg             |  8 ++++++++
 xfwm4/vela/hide-active.svg               |  8 ++++++++
 xfwm4/vela/hide-inactive.svg             |  8 ++++++++
 xfwm4/vela/hide-prelight.svg             |  8 ++++++++
 xfwm4/vela/hide-pressed.svg              |  8 ++++++++
 xfwm4/vela/maximize-active.svg           |  8 ++++++++
 xfwm4/vela/maximize-inactive.svg         |  8 ++++++++
 xfwm4/vela/maximize-prelight.svg         |  8 ++++++++
 xfwm4/vela/maximize-pressed.svg          |  8 ++++++++
 xfwm4/vela/maximize-toggled-active.svg   |  8 ++++++++
 xfwm4/vela/maximize-toggled-inactive.svg |  8 ++++++++
 xfwm4/vela/maximize-toggled-prelight.svg |  8 ++++++++
 xfwm4/vela/maximize-toggled-pressed.svg  |  8 ++++++++
 xfwm4/vela/menu-active.svg               |  8 ++++++++
 xfwm4/vela/menu-inactive.svg             |  8 ++++++++
 xfwm4/vela/menu-prelight.svg             |  8 ++++++++
 xfwm4/vela/menu-pressed.svg              |  8 ++++++++
 xfwm4/vela/shade-active.svg              |  8 ++++++++
 xfwm4/vela/shade-inactive.svg            |  8 ++++++++
 xfwm4/vela/shade-prelight.svg            |  8 ++++++++
 xfwm4/vela/shade-pressed.svg             |  8 ++++++++
 xfwm4/vela/shade-toggled-active.svg      |  8 ++++++++
 xfwm4/vela/shade-toggled-inactive.svg    |  8 ++++++++
 xfwm4/vela/shade-toggled-prelight.svg    |  8 ++++++++
 xfwm4/vela/shade-toggled-pressed.svg     |  8 ++++++++
 xfwm4/vela/stick-active.svg              |  8 ++++++++
 xfwm4/vela/stick-inactive.svg            |  8 ++++++++
 xfwm4/vela/stick-prelight.svg            |  8 ++++++++
 xfwm4/vela/stick-pressed.svg             |  8 ++++++++
 xfwm4/vela/stick-toggled-active.svg      |  8 ++++++++
 xfwm4/vela/stick-toggled-inactive.svg    |  8 ++++++++
 xfwm4/vela/stick-toggled-prelight.svg    |  8 ++++++++
 xfwm4/vela/stick-toggled-pressed.svg     |  8 ++++++++
 xfwm4/vela/themerc                       | 23 +++++++++++++++++++++++
 xfwm4/vela/title-1-active.svg            |  4 ++++
 xfwm4/vela/title-1-inactive.svg          |  4 ++++
 xfwm4/vela/title-2-active.svg            |  4 ++++
 xfwm4/vela/title-2-inactive.svg          |  4 ++++
 xfwm4/vela/title-3-active.svg            |  4 ++++
 xfwm4/vela/title-3-inactive.svg          |  4 ++++
 xfwm4/vela/title-4-active.svg            |  4 ++++
 xfwm4/vela/title-4-inactive.svg          |  4 ++++
 xfwm4/vela/title-5-active.svg            |  4 ++++
 xfwm4/vela/title-5-inactive.svg          |  4 ++++
 xfwm4/vela/top-left-active.svg           |  4 ++++
 xfwm4/vela/top-left-inactive.svg         |  4 ++++
 xfwm4/vela/top-right-active.svg          |  4 ++++
 xfwm4/vela/top-right-inactive.svg        |  4 ++++
 54 files changed, 373 insertions(+), 3 deletions(-)
 create mode 100644 xfwm4/vela/border.svg
 create mode 100644 xfwm4/vela/close-active.svg
 create mode 100644 xfwm4/vela/close-inactive.svg
 create mode 100644 xfwm4/vela/close-prelight.svg
 create mode 100644 xfwm4/vela/close-pressed.svg
 create mode 100644 xfwm4/vela/hide-active.svg
 create mode 100644 xfwm4/vela/hide-inactive.svg
 create mode 100644 xfwm4/vela/hide-prelight.svg
 create mode 100644 xfwm4/vela/hide-pressed.svg
 create mode 100644 xfwm4/vela/maximize-active.svg
 create mode 100644 xfwm4/vela/maximize-inactive.svg
 create mode 100644 xfwm4/vela/maximize-prelight.svg
 create mode 100644 xfwm4/vela/maximize-pressed.svg
 create mode 100644 xfwm4/vela/maximize-toggled-active.svg
 create mode 100644 xfwm4/vela/maximize-toggled-inactive.svg
 create mode 100644 xfwm4/vela/maximize-toggled-prelight.svg
 create mode 100644 xfwm4/vela/maximize-toggled-pressed.svg
 create mode 100644 xfwm4/vela/menu-active.svg
 create mode 100644 xfwm4/vela/menu-inactive.svg
 create mode 100644 xfwm4/vela/menu-prelight.svg
 create mode 100644 xfwm4/vela/menu-pressed.svg
 create mode 100644 xfwm4/vela/shade-active.svg
 create mode 100644 xfwm4/vela/shade-inactive.svg
 create mode 100644 xfwm4/vela/shade-prelight.svg
 create mode 100644 xfwm4/vela/shade-pressed.svg
 create mode 100644 xfwm4/vela/shade-toggled-active.svg
 create mode 100644 xfwm4/vela/shade-toggled-inactive.svg
 create mode 100644 xfwm4/vela/shade-toggled-prelight.svg
 create mode 100644 xfwm4/vela/shade-toggled-pressed.svg
 create mode 100644 xfwm4/vela/stick-active.svg
 create mode 100644 xfwm4/vela/stick-inactive.svg
 create mode 100644 xfwm4/vela/stick-prelight.svg
 create mode 100644 xfwm4/vela/stick-pressed.svg
 create mode 100644 xfwm4/vela/stick-toggled-active.svg
 create mode 100644 xfwm4/vela/stick-toggled-inactive.svg
 create mode 100644 xfwm4/vela/stick-toggled-prelight.svg
 create mode 100644 xfwm4/vela/stick-toggled-pressed.svg
 create mode 100644 xfwm4/vela/themerc
 create mode 100644 xfwm4/vela/title-1-active.svg
 create mode 100644 xfwm4/vela/title-1-inactive.svg
 create mode 100644 xfwm4/vela/title-2-active.svg
 create mode 100644 xfwm4/vela/title-2-inactive.svg
 create mode 100644 xfwm4/vela/title-3-active.svg
 create mode 100644 xfwm4/vela/title-3-inactive.svg
 create mode 100644 xfwm4/vela/title-4-active.svg
 create mode 100644 xfwm4/vela/title-4-inactive.svg
 create mode 100644 xfwm4/vela/title-5-active.svg
 create mode 100644 xfwm4/vela/title-5-inactive.svg
 create mode 100644 xfwm4/vela/top-left-active.svg
 create mode 100644 xfwm4/vela/top-left-inactive.svg
 create mode 100644 xfwm4/vela/top-right-active.svg
 create mode 100644 xfwm4/vela/top-right-inactive.svg

diff --git a/README.md b/README.md
index 4a8de7c..4117337 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ Avaible options
 --wal     | -w    Generate color from pywal cache
 --xcolor  | -xc   Generate color from custom .Xresources file
 --gtk     | -g    Choose gtk theme from list [ fantome ]
---xfwm    | -xf   Choose xfwm4 theme from list [ pastel | black-paha | one_new | nest1 | diamondo | wendows | tetris | ribbon | just-title-bar | 365 ]
+--xfwm    | -xf   Choose xfwm4 theme from list [ pastel | black-paha | one_new | nest1 | diamondo | wendows | tetris | ribbon | just-title-bar | 365 | vela ]
 --openbox | -ob   Choose openbox theme from list [ pelangi | tricky | large-tb | mek-oes ]
 --tint2   | -t    Choose tint2 theme from list [ chromeos | chromeos-tinted | chromeos-pelangi | slim-text-dark | slim-text-tinted | slim-text-tinted-dark | floaty-rounded | floaty ]
 --help    | -h    Show help
diff --git a/warnai b/warnai
index d31d601..f165378 100755
--- a/warnai
+++ b/warnai
@@ -92,7 +92,7 @@ show_help(){
 	--wal     | -w    Generate color from pywal cache
 	--xcolor  | -xc   Generate color from custom .Xresources file
 	--gtk     | -g    Choose gtk theme from list [ fantome ]
-	--xfwm    | -xf   Choose xfwm4 theme from list [ pastel | black-paha | one_new | nest1 | diamondo | wendows | tetris | ribbon | just-title-bar | 365 ]
+	--xfwm    | -xf   Choose xfwm4 theme from list [ pastel | black-paha | one_new | nest1 | diamondo | wendows | tetris | ribbon | just-title-bar | 365 | vela ]
 	--openbox | -ob   Choose openbox theme from list [ pelangi | tricky | large-tb | mek-oes ]
 	--tint2   | -t    Choose tint2 theme from list [ chromeos | chromeos-tinted | chromeos-pelangi | slim-text-dark | slim-text-tinted | slim-text-tinted-dark | floaty-rounded | floaty ]
 	--help    | -h    Show help
@@ -166,7 +166,7 @@ while [[ "$#" -gt 0 ]]; do
 			if [[ -z $2 ]]; then
 				echo "Please specify the xfwm theme"
 				exit 1
-			elif [[ "$2" = "pastel" || "$2" = "black-paha" || "$2" = "one_new" || "$2" = "nest1" || "$2" = "diamondo" || "$2" = "wendows" || "$2" = "tetris" || "$2" = "ribbon" || "$2" = "just-title-bar" || "$2" = "365" ]]; then
+			elif [[ "$2" = "pastel" || "$2" = "black-paha" || "$2" = "one_new" || "$2" = "nest1" || "$2" = "diamondo" || "$2" = "wendows" || "$2" = "tetris" || "$2" = "ribbon" || "$2" = "just-title-bar" || "$2" = "365" || "$2" = "vela" ]]; then
 				xfwm=$2
 				#echo $xfwm
 				#$(xfwm_themer $xfwm)
diff --git a/xfwm4/vela/border.svg b/xfwm4/vela/border.svg
new file mode 100644
index 0000000..9018147
--- /dev/null
+++ b/xfwm4/vela/border.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1">
+  <rect width="1" height="1" fill="#color_2"/>
+</svg>
diff --git a/xfwm4/vela/close-active.svg b/xfwm4/vela/close-active.svg
new file mode 100644
index 0000000..1a31c6c
--- /dev/null
+++ b/xfwm4/vela/close-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/close-inactive.svg b/xfwm4/vela/close-inactive.svg
new file mode 100644
index 0000000..11fd696
--- /dev/null
+++ b/xfwm4/vela/close-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/close-prelight.svg b/xfwm4/vela/close-prelight.svg
new file mode 100644
index 0000000..24d8d87
--- /dev/null
+++ b/xfwm4/vela/close-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/close-pressed.svg b/xfwm4/vela/close-pressed.svg
new file mode 100644
index 0000000..1b9ecdb
--- /dev/null
+++ b/xfwm4/vela/close-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/hide-active.svg b/xfwm4/vela/hide-active.svg
new file mode 100644
index 0000000..07b292c
--- /dev/null
+++ b/xfwm4/vela/hide-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/hide-inactive.svg b/xfwm4/vela/hide-inactive.svg
new file mode 100644
index 0000000..603cf68
--- /dev/null
+++ b/xfwm4/vela/hide-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/hide-prelight.svg b/xfwm4/vela/hide-prelight.svg
new file mode 100644
index 0000000..d984a86
--- /dev/null
+++ b/xfwm4/vela/hide-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/hide-pressed.svg b/xfwm4/vela/hide-pressed.svg
new file mode 100644
index 0000000..8370a1b
--- /dev/null
+++ b/xfwm4/vela/hide-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-active.svg b/xfwm4/vela/maximize-active.svg
new file mode 100644
index 0000000..417662a
--- /dev/null
+++ b/xfwm4/vela/maximize-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-inactive.svg b/xfwm4/vela/maximize-inactive.svg
new file mode 100644
index 0000000..089117d
--- /dev/null
+++ b/xfwm4/vela/maximize-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-prelight.svg b/xfwm4/vela/maximize-prelight.svg
new file mode 100644
index 0000000..648c161
--- /dev/null
+++ b/xfwm4/vela/maximize-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-pressed.svg b/xfwm4/vela/maximize-pressed.svg
new file mode 100644
index 0000000..25cb301
--- /dev/null
+++ b/xfwm4/vela/maximize-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-toggled-active.svg b/xfwm4/vela/maximize-toggled-active.svg
new file mode 100644
index 0000000..4afe164
--- /dev/null
+++ b/xfwm4/vela/maximize-toggled-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-toggled-inactive.svg b/xfwm4/vela/maximize-toggled-inactive.svg
new file mode 100644
index 0000000..61442d1
--- /dev/null
+++ b/xfwm4/vela/maximize-toggled-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-toggled-prelight.svg b/xfwm4/vela/maximize-toggled-prelight.svg
new file mode 100644
index 0000000..9bbeaf4
--- /dev/null
+++ b/xfwm4/vela/maximize-toggled-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/maximize-toggled-pressed.svg b/xfwm4/vela/maximize-toggled-pressed.svg
new file mode 100644
index 0000000..8f71b22
--- /dev/null
+++ b/xfwm4/vela/maximize-toggled-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/menu-active.svg b/xfwm4/vela/menu-active.svg
new file mode 100644
index 0000000..3ae2c52
--- /dev/null
+++ b/xfwm4/vela/menu-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/menu-inactive.svg b/xfwm4/vela/menu-inactive.svg
new file mode 100644
index 0000000..6b763bf
--- /dev/null
+++ b/xfwm4/vela/menu-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/menu-prelight.svg b/xfwm4/vela/menu-prelight.svg
new file mode 100644
index 0000000..b6d034e
--- /dev/null
+++ b/xfwm4/vela/menu-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/menu-pressed.svg b/xfwm4/vela/menu-pressed.svg
new file mode 100644
index 0000000..d242c5b
--- /dev/null
+++ b/xfwm4/vela/menu-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-active.svg b/xfwm4/vela/shade-active.svg
new file mode 100644
index 0000000..728dc08
--- /dev/null
+++ b/xfwm4/vela/shade-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-inactive.svg b/xfwm4/vela/shade-inactive.svg
new file mode 100644
index 0000000..ad40e4c
--- /dev/null
+++ b/xfwm4/vela/shade-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-prelight.svg b/xfwm4/vela/shade-prelight.svg
new file mode 100644
index 0000000..b480cc2
--- /dev/null
+++ b/xfwm4/vela/shade-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-pressed.svg b/xfwm4/vela/shade-pressed.svg
new file mode 100644
index 0000000..5d9accc
--- /dev/null
+++ b/xfwm4/vela/shade-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-toggled-active.svg b/xfwm4/vela/shade-toggled-active.svg
new file mode 100644
index 0000000..3a24d1b
--- /dev/null
+++ b/xfwm4/vela/shade-toggled-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-toggled-inactive.svg b/xfwm4/vela/shade-toggled-inactive.svg
new file mode 100644
index 0000000..53ddd57
--- /dev/null
+++ b/xfwm4/vela/shade-toggled-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-toggled-prelight.svg b/xfwm4/vela/shade-toggled-prelight.svg
new file mode 100644
index 0000000..aa2f783
--- /dev/null
+++ b/xfwm4/vela/shade-toggled-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/shade-toggled-pressed.svg b/xfwm4/vela/shade-toggled-pressed.svg
new file mode 100644
index 0000000..4294d7f
--- /dev/null
+++ b/xfwm4/vela/shade-toggled-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-active.svg b/xfwm4/vela/stick-active.svg
new file mode 100644
index 0000000..a9251b8
--- /dev/null
+++ b/xfwm4/vela/stick-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-inactive.svg b/xfwm4/vela/stick-inactive.svg
new file mode 100644
index 0000000..590fe2a
--- /dev/null
+++ b/xfwm4/vela/stick-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-prelight.svg b/xfwm4/vela/stick-prelight.svg
new file mode 100644
index 0000000..ca4b5bd
--- /dev/null
+++ b/xfwm4/vela/stick-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-pressed.svg b/xfwm4/vela/stick-pressed.svg
new file mode 100644
index 0000000..1aab150
--- /dev/null
+++ b/xfwm4/vela/stick-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-toggled-active.svg b/xfwm4/vela/stick-toggled-active.svg
new file mode 100644
index 0000000..9ee43d0
--- /dev/null
+++ b/xfwm4/vela/stick-toggled-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.54">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-toggled-inactive.svg b/xfwm4/vela/stick-toggled-inactive.svg
new file mode 100644
index 0000000..91e7933
--- /dev/null
+++ b/xfwm4/vela/stick-toggled-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.38">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-toggled-prelight.svg b/xfwm4/vela/stick-toggled-prelight.svg
new file mode 100644
index 0000000..fd88715
--- /dev/null
+++ b/xfwm4/vela/stick-toggled-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.15"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/stick-toggled-pressed.svg b/xfwm4/vela/stick-toggled-pressed.svg
new file mode 100644
index 0000000..34ecb8c
--- /dev/null
+++ b/xfwm4/vela/stick-toggled-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#color_2"/>
+  <rect width="32" height="1" fill="#color_8" fill-opacity="0.4"/>
+  <g fill="#color_7" opacity="0.87">
+    <circle cx="16" cy="16" r="12" opacity="0.3"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/>
+  </g>
+</svg>
diff --git a/xfwm4/vela/themerc b/xfwm4/vela/themerc
new file mode 100644
index 0000000..b1b0eb0
--- /dev/null
+++ b/xfwm4/vela/themerc
@@ -0,0 +1,23 @@
+# Default values can be found here:
+# https://git.xfce.org/xfce/xfwm4/tree/defaults/defaults
+# or
+# /usr/share/xfwm4/defaults
+
+active_text_color=#color_8
+active_text_shadow_color=#color_8
+inactive_text_color=#color_7
+inactive_text_shadow_color=#color_7
+title_shadow_active=false
+title_shadow_inactive=false
+full_width_title=true
+title_vertical_offset_active=0
+title_vertical_offset_inactive=0
+button_offset=0
+button_spacing=0
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-10
+shadow_opacity=50
+show_app_icon=false
+show_popup_shadow=true
diff --git a/xfwm4/vela/title-1-active.svg b/xfwm4/vela/title-1-active.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-1-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-1-inactive.svg b/xfwm4/vela/title-1-inactive.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-1-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-2-active.svg b/xfwm4/vela/title-2-active.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-2-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-2-inactive.svg b/xfwm4/vela/title-2-inactive.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-2-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-3-active.svg b/xfwm4/vela/title-3-active.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-3-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-3-inactive.svg b/xfwm4/vela/title-3-inactive.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-3-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-4-active.svg b/xfwm4/vela/title-4-active.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-4-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-4-inactive.svg b/xfwm4/vela/title-4-inactive.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-4-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-5-active.svg b/xfwm4/vela/title-5-active.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-5-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/title-5-inactive.svg b/xfwm4/vela/title-5-inactive.svg
new file mode 100644
index 0000000..e9632a7
--- /dev/null
+++ b/xfwm4/vela/title-5-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/top-left-active.svg b/xfwm4/vela/top-left-active.svg
new file mode 100644
index 0000000..1a78e50
--- /dev/null
+++ b/xfwm4/vela/top-left-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/top-left-inactive.svg b/xfwm4/vela/top-left-inactive.svg
new file mode 100644
index 0000000..1a78e50
--- /dev/null
+++ b/xfwm4/vela/top-left-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/top-right-active.svg b/xfwm4/vela/top-right-active.svg
new file mode 100644
index 0000000..1a78e50
--- /dev/null
+++ b/xfwm4/vela/top-right-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>
diff --git a/xfwm4/vela/top-right-inactive.svg b/xfwm4/vela/top-right-inactive.svg
new file mode 100644
index 0000000..1a78e50
--- /dev/null
+++ b/xfwm4/vela/top-right-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32">
+  <rect width="1" height="32" fill="#color_2"/>
+  <rect width="1" height="1" fill="#color_8" fill-opacity="0.4"/>
+</svg>