Re-add theme

(Old svn revision: 27013)

181 files changed, 14104 insertions, 0 deletions

diff --git a/themes/kokodi/Makefile.am b/themes/kokodi/Makefile.am
new file mode 100644
index 000000000..dad484edb
--- /dev/null
+++ b/themes/kokodi/Makefile.am
@@ -0,0 +1,212 @@
+themedir = $(datadir)/themes/Kokodi/xfwm4
+
+PNG_FILES = 								\
+	bottom-active.png						\
+	bottom-inactive.png						\
+	bottom-left-active.png						\
+	bottom-left-inactive.png					\
+	bottom-right-active.png						\
+	bottom-right-inactive.png					\
+	close-active.png						\
+	close-inactive.png						\
+	close-prelight.png						\
+	close-pressed.png						\
+	hide-active.png							\
+	hide-inactive.png						\
+	hide-prelight.png						\
+	hide-pressed.png						\
+	hide-pressed.png						\
+	left-active.png							\
+	left-inactive.png						\
+	maximize-active.png						\
+	maximize-inactive.png						\
+	maximize-prelight.png						\
+	maximize-pressed.png						\
+	maximize-toggled-active.png					\
+	maximize-toggled-inactive.png					\
+	maximize-toggled-prelight.png					\
+	maximize-toggled-pressed.png					\
+	menu-active.png							\
+	menu-inactive.png						\
+	menu-prelight.png						\
+	menu-pressed.png						\
+	right-active.png						\
+	right-inactive.png						\
+	shade-active.png						\
+	shade-inactive.png						\
+	shade-prelight.png						\
+	shade-pressed.png						\
+	shade-toggled-active.png					\
+	shade-toggled-inactive.png					\
+	shade-toggled-prelight.png					\
+	shade-toggled-pressed.png					\
+	stick-active.png						\
+	stick-inactive.png						\
+	stick-prelight.png						\
+	stick-pressed.png						\
+	stick-toggled-active.png					\
+	stick-toggled-inactive.png					\
+	stick-toggled-prelight.png					\
+	stick-toggled-pressed.png					\
+	title-1-active.png						\
+	title-1-inactive.png						\
+	title-2-active.png						\
+	title-2-inactive.png						\
+	title-3-active.png						\
+	title-3-inactive.png						\
+	title-4-active.png						\
+	title-4-inactive.png						\
+	title-5-active.png						\
+	title-5-inactive.png						\
+	top-left-active.png						\
+	top-left-inactive.png						\
+	top-right-active.png						\
+	top-right-inactive.png
+
+SVG_FILES = 								\
+	bottom-active.svg						\
+	bottom-inactive.svg						\
+	bottom-left-active.svg						\
+	bottom-left-inactive.svg					\
+	bottom-right-active.svg						\
+	bottom-right-inactive.svg					\
+	close-active.svg						\
+	close-inactive.svg						\
+	close-prelight.svg						\
+	close-pressed.svg						\
+	hide-active.svg							\
+	hide-inactive.svg						\
+	hide-prelight.svg						\
+	hide-pressed.svg						\
+	left-active.svg							\
+	left-inactive.svg						\
+	maximize-active.svg						\
+	maximize-inactive.svg						\
+	maximize-prelight.svg						\
+	maximize-pressed.svg						\
+	maximize-toggled-active.svg					\
+	maximize-toggled-inactive.svg					\
+	maximize-toggled-prelight.svg					\
+	maximize-toggled-pressed.svg					\
+	menu-active.svg							\
+	menu-inactive.svg						\
+	menu-prelight.svg						\
+	menu-pressed.svg						\
+	right-active.svg						\
+	right-inactive.svg						\
+	shade-active.svg						\
+	shade-inactive.svg						\
+	shade-prelight.svg						\
+	shade-pressed.svg						\
+	shade-toggled-active.svg					\
+	shade-toggled-inactive.svg					\
+	shade-toggled-prelight.svg					\
+	shade-toggled-pressed.svg					\
+	stick-active.svg						\
+	stick-inactive.svg						\
+	stick-prelight.svg						\
+	stick-pressed.svg						\
+	stick-toggled-active.svg					\
+	stick-toggled-inactive.svg					\
+	stick-toggled-prelight.svg					\
+	stick-toggled-pressed.svg					\
+	title-1-active.svg						\
+	title-1-inactive.svg						\
+	title-2-active.svg						\
+	title-2-inactive.svg						\
+	title-3-active.svg						\
+	title-3-inactive.svg						\
+	title-4-active.svg						\
+	title-4-inactive.svg						\
+	title-5-active.svg						\
+	title-5-inactive.svg						\
+	top-left-active.svg						\
+	top-left-inactive.svg						\
+	top-right-active.svg						\
+	top-right-inactive.svg
+
+XPM_FILES = 								\
+	bottom-active.xpm						\
+	bottom-inactive.xpm						\
+	bottom-left-active.xpm						\
+	bottom-left-inactive.xpm					\
+	bottom-right-active.xpm						\
+	bottom-right-inactive.xpm					\
+	close-active.xpm						\
+	close-inactive.xpm						\
+	close-prelight.xpm						\
+	close-pressed.xpm						\
+	hide-active.xpm							\
+	hide-inactive.xpm						\
+	hide-prelight.xpm						\
+	hide-pressed.xpm						\
+	left-active.xpm							\
+	left-inactive.xpm						\
+	maximize-active.xpm						\
+	maximize-inactive.xpm						\
+	maximize-prelight.xpm						\
+	maximize-pressed.xpm						\
+	maximize-toggled-active.xpm					\
+	maximize-toggled-inactive.xpm					\
+	maximize-toggled-prelight.xpm					\
+	maximize-toggled-pressed.xpm					\
+	menu-active.xpm							\
+	menu-inactive.xpm						\
+	menu-prelight.xpm						\
+	menu-pressed.xpm						\
+	right-active.xpm						\
+	right-inactive.xpm						\
+	shade-active.xpm						\
+	shade-inactive.xpm						\
+	shade-prelight.xpm						\
+	shade-pressed.xpm						\
+	shade-toggled-active.xpm					\
+	shade-toggled-inactive.xpm					\
+	shade-toggled-prelight.xpm					\
+	shade-toggled-pressed.xpm					\
+	stick-active.xpm						\
+	stick-inactive.xpm						\
+	stick-prelight.xpm						\
+	stick-pressed.xpm						\
+	stick-toggled-active.xpm					\
+	stick-toggled-inactive.xpm					\
+	stick-toggled-prelight.xpm					\
+	stick-toggled-pressed.xpm					\
+	title-1-active.xpm						\
+	title-1-inactive.xpm						\
+	title-2-active.xpm						\
+	title-2-inactive.xpm						\
+	title-3-active.xpm						\
+	title-3-inactive.xpm						\
+	title-4-active.xpm						\
+	title-4-inactive.xpm						\
+	title-5-active.xpm						\
+	title-5-inactive.xpm						\
+	top-left-active.xpm						\
+	top-left-inactive.xpm						\
+	top-right-active.xpm						\
+	top-right-inactive.xpm
+
+theme_DATA = 								\
+	README								\
+	themerc								\
+	$(XPM_FILES)							\
+	$(PNG_FILES)
+
+EXTRA_DIST =								\
+	$(theme_DATA)							\
+	$(SVG_FILES)
+
+noinst_DATA =								\
+	$(SVG_FILES)
+
+vacuum-defs:
+	for svg_file in $(SVG_FILES); do \
+		inkscape --without-gui --vacuum-defs --file=$$svg_file; \
+	done
+
+update-png:
+	for svg_file in $(SVG_FILES); do \
+		image=$${svg_file%.svg}; \
+		rsvg -f png $$svg_file $$image.png; \
+	done
diff --git a/themes/kokodi/README b/themes/kokodi/README
new file mode 100644
index 000000000..82cc1f56d
--- /dev/null
+++ b/themes/kokodi/README
@@ -0,0 +1,5 @@
+joy - SVG based theme for xfwm4.
+Created Sept. 2006 by Olivier Fourdan <fourdan@xfce.org>
+Modified Oct. 2006 by Olivier Fourdan <fourdan@xfce.org>
+Modified Jul. 2007 by Olivier Fourdan <fourdan@xfce.org>
+Theme released under GNU GPL license.
diff --git a/themes/kokodi/bottom-active.png b/themes/kokodi/bottom-active.png
new file mode 100644
index 000000000..547c71fc5
--- /dev/null
+++ b/themes/kokodi/bottom-active.png
diff --git a/themes/kokodi/bottom-active.svg b/themes/kokodi/bottom-active.svg
new file mode 100644
index 000000000..513b26346
--- /dev/null
+++ b/themes/kokodi/bottom-active.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="6"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="bottom-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-points="true"
+     inkscape:grid-points="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.25"
+       d="M 0.5,4.5 L 24,4.5"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="border">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,5.5 L 24,5.5"
+       id="path1340" />
+  </g>
+</svg>
diff --git a/themes/kokodi/bottom-active.xpm b/themes/kokodi/bottom-active.xpm
new file mode 100644
index 000000000..05b089ae5
--- /dev/null
+++ b/themes/kokodi/bottom-active.xpm
@@ -0,0 +1,12 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 6 3 1",
+" 	c None",
+"#	c #C0C0C0 s active_color_2",
+"@	c #C0C0FF s active_color_1",
+"########################",
+"########################",
+"########################",
+"@@@@@@@@@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@@@@@@@@@"};
diff --git a/themes/kokodi/bottom-inactive.png b/themes/kokodi/bottom-inactive.png
new file mode 100644
index 000000000..547c71fc5
--- /dev/null
+++ b/themes/kokodi/bottom-inactive.png
diff --git a/themes/kokodi/bottom-inactive.svg b/themes/kokodi/bottom-inactive.svg
new file mode 100644
index 000000000..31c4e63a4
--- /dev/null
+++ b/themes/kokodi/bottom-inactive.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="6"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="bottom-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-points="true"
+     inkscape:grid-points="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.15"
+       d="M 0.5,4.5 L 24,4.5"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="border">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,5.5 L 24,5.5"
+       id="path1340" />
+  </g>
+</svg>
diff --git a/themes/kokodi/bottom-inactive.xpm b/themes/kokodi/bottom-inactive.xpm
new file mode 100644
index 000000000..ad03c07ae
--- /dev/null
+++ b/themes/kokodi/bottom-inactive.xpm
@@ -0,0 +1,12 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 6 3 1",
+" 	c None",
+"#	c #C0C0C0 s inactive_color_2",
+"@	c #C0C0FF s inactive_color_1",
+"########################",
+"########################",
+"########################",
+"@@@@@@@@@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@@@@@@@@@"};
diff --git a/themes/kokodi/bottom-left-active.png b/themes/kokodi/bottom-left-active.png
new file mode 100644
index 000000000..84611f719
--- /dev/null
+++ b/themes/kokodi/bottom-left-active.png
diff --git a/themes/kokodi/bottom-left-active.svg b/themes/kokodi/bottom-left-active.svg
new file mode 100644
index 000000000..c0f8ae2ab
--- /dev/null
+++ b/themes/kokodi/bottom-left-active.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="bottom-left-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:grid-points="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.25"
+       d="M 1.5,0 L 1.5,12.5 C 1.5,12.5 1.5,14.5 3.5,14.5 C 5.5,14.5 16,14.5 16,14.5"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:black;fill-opacity:0.20"
+       d="M 0,0 L 0,16 L 16,16 L 16,15 C 16,15 16,15 3,15 C 1,15 1,13 1,13 L 1,0 L 0,0 z "
+       id="rect1870" />
+  </g>
+</svg>
diff --git a/themes/kokodi/bottom-left-active.xpm b/themes/kokodi/bottom-left-active.xpm
new file mode 100644
index 000000000..42f3c164e
--- /dev/null
+++ b/themes/kokodi/bottom-left-active.xpm
@@ -0,0 +1,22 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"16 16 3 1",
+" 	c None",
+"#	c #C0C0C0 s active_color_2",
+"@	c #C0C0FF s active_color_1",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@#############",
+"@@@#############",
+"@@@#############",
+"@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@",
+" @@@@@@@@@@@@@@@"};
diff --git a/themes/kokodi/bottom-left-inactive.png b/themes/kokodi/bottom-left-inactive.png
new file mode 100644
index 000000000..84611f719
--- /dev/null
+++ b/themes/kokodi/bottom-left-inactive.png
diff --git a/themes/kokodi/bottom-left-inactive.svg b/themes/kokodi/bottom-left-inactive.svg
new file mode 100644
index 000000000..eaf49ad05
--- /dev/null
+++ b/themes/kokodi/bottom-left-inactive.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="bottom-left-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:grid-points="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.15"
+       d="M 1.5,0 L 1.5,12.5 C 1.5,12.5 1.5,14.5 3.5,14.5 C 5.5,14.5 16,14.5 16,14.5"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:black;fill-opacity:0.20"
+       d="M 0,0 L 0,16 L 16,16 L 16,15 C 16,15 16,15 3,15 C 1,15 1,13 1,13 L 1,0 L 0,0 z "
+       id="rect1870" />
+  </g>
+</svg>
diff --git a/themes/kokodi/bottom-left-inactive.xpm b/themes/kokodi/bottom-left-inactive.xpm
new file mode 100644
index 000000000..a1ddb0c4b
--- /dev/null
+++ b/themes/kokodi/bottom-left-inactive.xpm
@@ -0,0 +1,22 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"16 16 3 1",
+" 	c None",
+"#	c #C0C0C0 s inactive_color_2",
+"@	c #C0C0FF s inactive_color_1",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@###          ",
+"@@@#############",
+"@@@#############",
+"@@@#############",
+"@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@",
+" @@@@@@@@@@@@@@@"};
diff --git a/themes/kokodi/bottom-right-active.png b/themes/kokodi/bottom-right-active.png
new file mode 100644
index 000000000..5a9b57e37
--- /dev/null
+++ b/themes/kokodi/bottom-right-active.png
diff --git a/themes/kokodi/bottom-right-active.svg b/themes/kokodi/bottom-right-active.svg
new file mode 100644
index 000000000..462f51704
--- /dev/null
+++ b/themes/kokodi/bottom-right-active.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="bottom-right-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:grid-points="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.25"
+       d="M 14.5,0 L 14.5,12.5 C 14.5,12.5 14.5,14.5 12.5,14.5 C 10.5,14.5 0,14.5 0,14.5"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:black;fill-opacity:0.20"
+       d="M 16,0 L 16,16 L 0,16 L 0,15 C 0,15 0,15 13,15 C 15,15 15,13 15,13 L 15,0 L 16,0 z "
+       id="rect1870" />
+  </g>
+</svg>
diff --git a/themes/kokodi/bottom-right-active.xpm b/themes/kokodi/bottom-right-active.xpm
new file mode 100644
index 000000000..159230751
--- /dev/null
+++ b/themes/kokodi/bottom-right-active.xpm
@@ -0,0 +1,22 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"16 16 3 1",
+" 	c None",
+"#	c #C0C0C0 s active_color_2",
+"@	c #C0C0FF s active_color_1",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"#############@@@",
+"#############@@@",
+"#############@@@",
+"@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@ "};
diff --git a/themes/kokodi/bottom-right-inactive.png b/themes/kokodi/bottom-right-inactive.png
new file mode 100644
index 000000000..5a9b57e37
--- /dev/null
+++ b/themes/kokodi/bottom-right-inactive.png
diff --git a/themes/kokodi/bottom-right-inactive.svg b/themes/kokodi/bottom-right-inactive.svg
new file mode 100644
index 000000000..5e81277fe
--- /dev/null
+++ b/themes/kokodi/bottom-right-inactive.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="bottom-right-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:grid-points="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.15"
+       d="M 14.5,0 L 14.5,12.5 C 14.5,12.5 14.5,14.5 12.5,14.5 C 10.5,14.5 0,14.5 0,14.5"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:black;fill-opacity:0.20"
+       d="M 16,0 L 16,16 L 0,16 L 0,15 C 0,15 0,15 13,15 C 15,15 15,13 15,13 L 15,0 L 16,0 z "
+       id="rect1870" />
+  </g>
+</svg>
diff --git a/themes/kokodi/bottom-right-inactive.xpm b/themes/kokodi/bottom-right-inactive.xpm
new file mode 100644
index 000000000..42a8e492f
--- /dev/null
+++ b/themes/kokodi/bottom-right-inactive.xpm
@@ -0,0 +1,22 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"16 16 3 1",
+" 	c None",
+"#	c #C0C0C0 s inactive_color_2",
+"@	c #C0C0FF s inactive_color_1",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"          ###@@@",
+"#############@@@",
+"#############@@@",
+"#############@@@",
+"@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@@",
+"@@@@@@@@@@@@@@@ "};
diff --git a/themes/kokodi/close-active.png b/themes/kokodi/close-active.png
new file mode 100644
index 000000000..72fa30ab9
--- /dev/null
+++ b/themes/kokodi/close-active.png
diff --git a/themes/kokodi/close-active.svg b/themes/kokodi/close-active.svg
new file mode 100644
index 000000000..1110e7190
--- /dev/null
+++ b/themes/kokodi/close-active.svg
@@ -0,0 +1,244 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="close-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       id="g2327"
+       transform="translate(6,4)">
+      <g
+         transform="matrix(0.875,0,0,0.875,0.75,0.75)"
+         style="opacity:0.33;stroke:black;stroke-width:4.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="g2217">
+        <path
+           style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 2,2 L 10,10"
+           id="path1340" />
+        <path
+           style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 2,10 L 10,2"
+           id="path2215" />
+      </g>
+      <path
+         id="path2221"
+         d="M 2.5,2.5 L 9.5,9.5 L 9.5,9.5"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2225"
+         d="M 2.5,9.5 L 9.5,2.5"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/close-active.xpm b/themes/kokodi/close-active.xpm
new file mode 100644
index 000000000..d255e0ba4
--- /dev/null
+++ b/themes/kokodi/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/close-inactive.png b/themes/kokodi/close-inactive.png
new file mode 100644
index 000000000..d92c911e0
--- /dev/null
+++ b/themes/kokodi/close-inactive.png
diff --git a/themes/kokodi/close-inactive.svg b/themes/kokodi/close-inactive.svg
new file mode 100644
index 000000000..e3b344ced
--- /dev/null
+++ b/themes/kokodi/close-inactive.svg
@@ -0,0 +1,209 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="close-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       id="g2327"
+       transform="translate(6,4)">
+      <path
+         id="path2221"
+         d="M 2.5,2.5 L 9.5,9.5 L 9.5,9.5"
+         style="opacity:0.25;fill:none;fill-rule:evenodd;stroke:#7f7f7f;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1" />
+      <path
+         id="path2225"
+         d="M 2.5,9.5 L 9.5,2.5"
+         style="opacity:0.25;fill:none;fill-rule:evenodd;stroke:#7f7f7f;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/close-inactive.xpm b/themes/kokodi/close-inactive.xpm
new file mode 100644
index 000000000..c57f58d5e
--- /dev/null
+++ b/themes/kokodi/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/close-prelight.png b/themes/kokodi/close-prelight.png
new file mode 100644
index 000000000..68aa09ca9
--- /dev/null
+++ b/themes/kokodi/close-prelight.png
diff --git a/themes/kokodi/close-prelight.svg b/themes/kokodi/close-prelight.svg
new file mode 100644
index 000000000..0dfc78acb
--- /dev/null
+++ b/themes/kokodi/close-prelight.svg
@@ -0,0 +1,271 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="close-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#ffd0d0;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#ffd0d0;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       id="g2327"
+       transform="translate(6,4)">
+      <g
+         transform="matrix(0.875,0,0,0.875,0.75,0.75)"
+         style="opacity:0.33;stroke:black;stroke-width:4.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="g2217">
+        <path
+           style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 2,2 L 10,10"
+           id="path1340" />
+        <path
+           style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 2,10 L 10,2"
+           id="path2215" />
+      </g>
+      <path
+         id="path2221"
+         d="M 2.5,2.5 L 9.5,9.5 L 9.5,9.5"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2225"
+         d="M 2.5,9.5 L 9.5,2.5"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/close-prelight.xpm b/themes/kokodi/close-prelight.xpm
new file mode 100644
index 000000000..8b6d28347
--- /dev/null
+++ b/themes/kokodi/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/close-pressed.png b/themes/kokodi/close-pressed.png
new file mode 100644
index 000000000..50d60f919
--- /dev/null
+++ b/themes/kokodi/close-pressed.png
diff --git a/themes/kokodi/close-pressed.svg b/themes/kokodi/close-pressed.svg
new file mode 100644
index 000000000..63bcb9731
--- /dev/null
+++ b/themes/kokodi/close-pressed.svg
@@ -0,0 +1,271 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="close-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#ffd0d0;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#ffd0d0;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       id="g2327"
+       transform="translate(6,5)">
+      <g
+         transform="matrix(0.875,0,0,0.875,0.75,0.75)"
+         style="opacity:0.33;stroke:black;stroke-width:4.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="g2217">
+        <path
+           style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 2,2 L 10,10"
+           id="path1340" />
+        <path
+           style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 2,10 L 10,2"
+           id="path2215" />
+      </g>
+      <path
+         id="path2221"
+         d="M 2.5,2.5 L 9.5,9.5 L 9.5,9.5"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2225"
+         d="M 2.5,9.5 L 9.5,2.5"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/close-pressed.xpm b/themes/kokodi/close-pressed.xpm
new file mode 100644
index 000000000..8b6d28347
--- /dev/null
+++ b/themes/kokodi/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/hide-active.png b/themes/kokodi/hide-active.png
new file mode 100644
index 000000000..d35dde136
--- /dev/null
+++ b/themes/kokodi/hide-active.png
diff --git a/themes/kokodi/hide-active.svg b/themes/kokodi/hide-active.svg
new file mode 100644
index 000000000..a826607af
--- /dev/null
+++ b/themes/kokodi/hide-active.svg
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="hide-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,4)">
+      <rect
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2376"
+         width="8"
+         height="4"
+         x="2"
+         y="7" />
+      <rect
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2378"
+         width="6"
+         height="2"
+         x="3"
+         y="8" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/hide-active.xpm b/themes/kokodi/hide-active.xpm
new file mode 100644
index 000000000..95b703ee7
--- /dev/null
+++ b/themes/kokodi/hide-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/hide-inactive.png b/themes/kokodi/hide-inactive.png
new file mode 100644
index 000000000..e14dc4968
--- /dev/null
+++ b/themes/kokodi/hide-inactive.png
diff --git a/themes/kokodi/hide-inactive.svg b/themes/kokodi/hide-inactive.svg
new file mode 100644
index 000000000..0afdf930e
--- /dev/null
+++ b/themes/kokodi/hide-inactive.svg
@@ -0,0 +1,209 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="hide-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,4)">
+      <rect
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2378"
+         width="6"
+         height="2"
+         x="3"
+         y="8" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/hide-inactive.xpm b/themes/kokodi/hide-inactive.xpm
new file mode 100644
index 000000000..5a3bdce91
--- /dev/null
+++ b/themes/kokodi/hide-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/hide-prelight.png b/themes/kokodi/hide-prelight.png
new file mode 100644
index 000000000..f9efe95ed
--- /dev/null
+++ b/themes/kokodi/hide-prelight.png
diff --git a/themes/kokodi/hide-prelight.svg b/themes/kokodi/hide-prelight.svg
new file mode 100644
index 000000000..118d5e4d5
--- /dev/null
+++ b/themes/kokodi/hide-prelight.svg
@@ -0,0 +1,265 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="hide-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,4)">
+      <rect
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2376"
+         width="8"
+         height="4"
+         x="2"
+         y="7" />
+      <rect
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2378"
+         width="6"
+         height="2"
+         x="3"
+         y="8" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/hide-prelight.xpm b/themes/kokodi/hide-prelight.xpm
new file mode 100644
index 000000000..06d93779f
--- /dev/null
+++ b/themes/kokodi/hide-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/hide-pressed.png b/themes/kokodi/hide-pressed.png
new file mode 100644
index 000000000..fd8dd1d94
--- /dev/null
+++ b/themes/kokodi/hide-pressed.png
diff --git a/themes/kokodi/hide-pressed.svg b/themes/kokodi/hide-pressed.svg
new file mode 100644
index 000000000..f705b5cdd
--- /dev/null
+++ b/themes/kokodi/hide-pressed.svg
@@ -0,0 +1,265 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="hide-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,5)">
+      <rect
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2376"
+         width="8"
+         height="4"
+         x="2"
+         y="7" />
+      <rect
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         id="rect2378"
+         width="6"
+         height="2"
+         x="3"
+         y="8" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/hide-pressed.xpm b/themes/kokodi/hide-pressed.xpm
new file mode 100644
index 000000000..06d93779f
--- /dev/null
+++ b/themes/kokodi/hide-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/left-active.png b/themes/kokodi/left-active.png
new file mode 100644
index 000000000..ce79b04af
--- /dev/null
+++ b/themes/kokodi/left-active.png
diff --git a/themes/kokodi/left-active.svg b/themes/kokodi/left-active.svg
new file mode 100644
index 000000000..09cf390c4
--- /dev/null
+++ b/themes/kokodi/left-active.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6"
+   height="24"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="left-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.25"
+       d="M 1.5,0 L 1.5,24"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="border">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0.5,0 L 0.5,24"
+       id="path1340" />
+  </g>
+</svg>
diff --git a/themes/kokodi/left-active.xpm b/themes/kokodi/left-active.xpm
new file mode 100644
index 000000000..121053a40
--- /dev/null
+++ b/themes/kokodi/left-active.xpm
@@ -0,0 +1,30 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"6 24 3 1",
+" 	c None",
+"#	c #C0C0C0 s active_color_2",
+"@	c #C0C0FF s active_color_1",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###"};
diff --git a/themes/kokodi/left-inactive.png b/themes/kokodi/left-inactive.png
new file mode 100644
index 000000000..ce79b04af
--- /dev/null
+++ b/themes/kokodi/left-inactive.png
diff --git a/themes/kokodi/left-inactive.svg b/themes/kokodi/left-inactive.svg
new file mode 100644
index 000000000..988a1a8e3
--- /dev/null
+++ b/themes/kokodi/left-inactive.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6"
+   height="24"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="left-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.15"
+       d="M 1.5,0 L 1.5,24"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="border">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0.5,0 L 0.5,24"
+       id="path1340" />
+  </g>
+</svg>
diff --git a/themes/kokodi/left-inactive.xpm b/themes/kokodi/left-inactive.xpm
new file mode 100644
index 000000000..079ae5926
--- /dev/null
+++ b/themes/kokodi/left-inactive.xpm
@@ -0,0 +1,30 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"6 24 3 1",
+" 	c None",
+"#	c #C0C0C0 s inactive_color_2",
+"@	c #C0C0FF s inactive_color_1",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###",
+"@@@###"};
diff --git a/themes/kokodi/maximize-active.png b/themes/kokodi/maximize-active.png
new file mode 100644
index 000000000..f6d463a12
--- /dev/null
+++ b/themes/kokodi/maximize-active.png
diff --git a/themes/kokodi/maximize-active.svg b/themes/kokodi/maximize-active.svg
new file mode 100644
index 000000000..f01344405
--- /dev/null
+++ b/themes/kokodi/maximize-active.svg
@@ -0,0 +1,232 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1614"
+       transform="translate(6,4)">
+      <path
+         id="rect2276"
+         d="M 1,1 L 1,11 L 11,11 L 11,1 L 1,1 z M 4,5 L 8,5 L 8,8 L 4,8 L 4,5 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
+      <path
+         id="rect2275"
+         d="M 2,2 L 2,10 L 10,10 L 10,2 L 2,2 z M 3,4 L 9,4 L 9,9 L 3,9 L 3,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-active.xpm b/themes/kokodi/maximize-active.xpm
new file mode 100644
index 000000000..62a15801d
--- /dev/null
+++ b/themes/kokodi/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-inactive.png b/themes/kokodi/maximize-inactive.png
new file mode 100644
index 000000000..880e55a0f
--- /dev/null
+++ b/themes/kokodi/maximize-inactive.png
diff --git a/themes/kokodi/maximize-inactive.svg b/themes/kokodi/maximize-inactive.svg
new file mode 100644
index 000000000..647a07501
--- /dev/null
+++ b/themes/kokodi/maximize-inactive.svg
@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1627"
+       transform="translate(6,4)">
+      <path
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         d="M 2,2 L 2,10 L 10,10 L 10,2 L 2,2 z M 3,4 L 9,4 L 9,9 L 3,9 L 3,4 z "
+         id="rect2275" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-inactive.xpm b/themes/kokodi/maximize-inactive.xpm
new file mode 100644
index 000000000..fef091db9
--- /dev/null
+++ b/themes/kokodi/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-prelight.png b/themes/kokodi/maximize-prelight.png
new file mode 100644
index 000000000..1efb0ac44
--- /dev/null
+++ b/themes/kokodi/maximize-prelight.png
diff --git a/themes/kokodi/maximize-prelight.svg b/themes/kokodi/maximize-prelight.svg
new file mode 100644
index 000000000..1ac9e6bf4
--- /dev/null
+++ b/themes/kokodi/maximize-prelight.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1614"
+       transform="translate(6,4)">
+      <path
+         id="rect2276"
+         d="M 1,1 L 1,11 L 11,11 L 11,1 L 1,1 z M 4,5 L 8,5 L 8,8 L 4,8 L 4,5 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
+      <path
+         id="rect2275"
+         d="M 2,2 L 2,10 L 10,10 L 10,2 L 2,2 z M 3,4 L 9,4 L 9,9 L 3,9 L 3,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-prelight.xpm b/themes/kokodi/maximize-prelight.xpm
new file mode 100644
index 000000000..c91fbf147
--- /dev/null
+++ b/themes/kokodi/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-pressed.png b/themes/kokodi/maximize-pressed.png
new file mode 100644
index 000000000..ed9b4d2c6
--- /dev/null
+++ b/themes/kokodi/maximize-pressed.png
diff --git a/themes/kokodi/maximize-pressed.svg b/themes/kokodi/maximize-pressed.svg
new file mode 100644
index 000000000..93612dcd2
--- /dev/null
+++ b/themes/kokodi/maximize-pressed.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1614"
+       transform="translate(6,5)">
+      <path
+         id="rect2276"
+         d="M 1,1 L 1,11 L 11,11 L 11,1 L 1,1 z M 4,5 L 8,5 L 8,8 L 4,8 L 4,5 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
+      <path
+         id="rect2275"
+         d="M 2,2 L 2,10 L 10,10 L 10,2 L 2,2 z M 3,4 L 9,4 L 9,9 L 3,9 L 3,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-pressed.xpm b/themes/kokodi/maximize-pressed.xpm
new file mode 100644
index 000000000..c91fbf147
--- /dev/null
+++ b/themes/kokodi/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-toggled-active.png b/themes/kokodi/maximize-toggled-active.png
new file mode 100644
index 000000000..50b4c494f
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-active.png
diff --git a/themes/kokodi/maximize-toggled-active.svg b/themes/kokodi/maximize-toggled-active.svg
new file mode 100644
index 000000000..b3e4eb4a4
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-active.svg
@@ -0,0 +1,236 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-toggled-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1627"
+       transform="translate(6,4)">
+      <path
+         id="rect2318"
+         d="M 3,0 L 3,3 L 0,3 L 0,12 L 9,12 L 9,9 L 12,9 L 12,0 L 3,0 z M 3,7 L 6,7 L 6,9 L 3,9 L 3,7 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
+      <path
+         id="rect2331"
+         d="M 4,1 L 4,3 L 5,3 L 9,3 L 10,3 L 10,7 L 9,7 L 9,8 L 11,8 L 11,1 L 4,1 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="rect2371"
+         d="M 1,4 L 1,11 L 8,11 L 8,4 L 1,4 z M 2,6 L 7,6 L 7,10 L 2,10 L 2,6 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-toggled-active.xpm b/themes/kokodi/maximize-toggled-active.xpm
new file mode 100644
index 000000000..de33ff823
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-toggled-inactive.png b/themes/kokodi/maximize-toggled-inactive.png
new file mode 100644
index 000000000..97ee9a474
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-inactive.png
diff --git a/themes/kokodi/maximize-toggled-inactive.svg b/themes/kokodi/maximize-toggled-inactive.svg
new file mode 100644
index 000000000..71abed660
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-inactive.svg
@@ -0,0 +1,210 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-toggled-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1639"
+       transform="translate(6,4)">
+      <path
+         id="rect2331"
+         d="M 4,1 L 4,3 L 5,3 L 9,3 L 10,3 L 10,7 L 9,7 L 9,8 L 11,8 L 11,1 L 4,1 z "
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="rect2371"
+         d="M 1,4 L 1,11 L 8,11 L 8,4 L 1,4 z M 2,6 L 7,6 L 7,10 L 2,10 L 2,6 z "
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-toggled-inactive.xpm b/themes/kokodi/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..4d894c19c
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-toggled-prelight.png b/themes/kokodi/maximize-toggled-prelight.png
new file mode 100644
index 000000000..d312dfd15
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-prelight.png
diff --git a/themes/kokodi/maximize-toggled-prelight.svg b/themes/kokodi/maximize-toggled-prelight.svg
new file mode 100644
index 000000000..ad802f6e1
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-prelight.svg
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-toggled-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1627"
+       transform="translate(6,4)">
+      <path
+         id="rect2318"
+         d="M 3,0 L 3,3 L 0,3 L 0,12 L 9,12 L 9,9 L 12,9 L 12,0 L 3,0 z M 3,7 L 6,7 L 6,9 L 3,9 L 3,7 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
+      <path
+         id="rect2331"
+         d="M 4,1 L 4,3 L 5,3 L 9,3 L 10,3 L 10,7 L 9,7 L 9,8 L 11,8 L 11,1 L 4,1 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="rect2371"
+         d="M 1,4 L 1,11 L 8,11 L 8,4 L 1,4 z M 2,6 L 7,6 L 7,10 L 2,10 L 2,6 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-toggled-prelight.xpm b/themes/kokodi/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..b07da63e6
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/maximize-toggled-pressed.png b/themes/kokodi/maximize-toggled-pressed.png
new file mode 100644
index 000000000..0e95cb7b3
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-pressed.png
diff --git a/themes/kokodi/maximize-toggled-pressed.svg b/themes/kokodi/maximize-toggled-pressed.svg
new file mode 100644
index 000000000..56e2a8852
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-pressed.svg
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="maximize-toggled-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1627"
+       transform="translate(6,5)">
+      <path
+         id="rect2318"
+         d="M 3,0 L 3,3 L 0,3 L 0,12 L 9,12 L 9,9 L 12,9 L 12,0 L 3,0 z M 3,7 L 6,7 L 6,9 L 3,9 L 3,7 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
+      <path
+         id="rect2331"
+         d="M 4,1 L 4,3 L 5,3 L 9,3 L 10,3 L 10,7 L 9,7 L 9,8 L 11,8 L 11,1 L 4,1 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="rect2371"
+         d="M 1,4 L 1,11 L 8,11 L 8,4 L 1,4 z M 2,6 L 7,6 L 7,10 L 2,10 L 2,6 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:black;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/maximize-toggled-pressed.xpm b/themes/kokodi/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..b07da63e6
--- /dev/null
+++ b/themes/kokodi/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/menu-active.png b/themes/kokodi/menu-active.png
new file mode 100644
index 000000000..4bcb15fab
--- /dev/null
+++ b/themes/kokodi/menu-active.png
diff --git a/themes/kokodi/menu-active.svg b/themes/kokodi/menu-active.svg
new file mode 100644
index 000000000..c49694346
--- /dev/null
+++ b/themes/kokodi/menu-active.svg
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="18"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="menu-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     transform="translate(0,-6)"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     transform="translate(0,-6)"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0.5,27.5 L 23.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/menu-active.xpm b/themes/kokodi/menu-active.xpm
new file mode 100644
index 000000000..3a9d0f45a
--- /dev/null
+++ b/themes/kokodi/menu-active.xpm
@@ -0,0 +1,23 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"24 17 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/menu-inactive.png b/themes/kokodi/menu-inactive.png
new file mode 100644
index 000000000..6f280f9b4
--- /dev/null
+++ b/themes/kokodi/menu-inactive.png
diff --git a/themes/kokodi/menu-inactive.svg b/themes/kokodi/menu-inactive.svg
new file mode 100644
index 000000000..2d95c1d8a
--- /dev/null
+++ b/themes/kokodi/menu-inactive.svg
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="18"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="menu-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     transform="translate(0,-6)"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     transform="translate(0,-6)"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0.5,27.5 L 23.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/menu-inactive.xpm b/themes/kokodi/menu-inactive.xpm
new file mode 100644
index 000000000..8f07169eb
--- /dev/null
+++ b/themes/kokodi/menu-inactive.xpm
@@ -0,0 +1,23 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"24 17 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/menu-prelight.svg b/themes/kokodi/menu-prelight.svg
new file mode 100644
index 000000000..7d74450c9
--- /dev/null
+++ b/themes/kokodi/menu-prelight.svg
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="18"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="menu-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     transform="translate(0,-6)"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     transform="translate(0,-6)"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0.5,27.5 L 23.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/menu-prelight.xpm b/themes/kokodi/menu-prelight.xpm
new file mode 100644
index 000000000..3a9d0f45a
--- /dev/null
+++ b/themes/kokodi/menu-prelight.xpm
@@ -0,0 +1,23 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"24 17 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/menu-pressed.svg b/themes/kokodi/menu-pressed.svg
new file mode 100644
index 000000000..e424f4385
--- /dev/null
+++ b/themes/kokodi/menu-pressed.svg
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="18"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="menu-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     transform="translate(0,-6)"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-6)"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     transform="translate(0,-6)"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0.5,27.5 L 23.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/menu-pressed.xpm b/themes/kokodi/menu-pressed.xpm
new file mode 100644
index 000000000..bfe19e1c8
--- /dev/null
+++ b/themes/kokodi/menu-pressed.xpm
@@ -0,0 +1,22 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"24 17 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/right-active.png b/themes/kokodi/right-active.png
new file mode 100644
index 000000000..1f58cf04a
--- /dev/null
+++ b/themes/kokodi/right-active.png
diff --git a/themes/kokodi/right-active.svg b/themes/kokodi/right-active.svg
new file mode 100644
index 000000000..6bbdd4150
--- /dev/null
+++ b/themes/kokodi/right-active.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6"
+   height="24"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="right-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.25"
+       d="M 4.5,0 L 4.5,24"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="border">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 5.5,0 L 5.5,24"
+       id="path1340" />
+  </g>
+</svg>
diff --git a/themes/kokodi/right-active.xpm b/themes/kokodi/right-active.xpm
new file mode 100644
index 000000000..634908f0c
--- /dev/null
+++ b/themes/kokodi/right-active.xpm
@@ -0,0 +1,30 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"6 24 3 1",
+" 	c None",
+"#	c #C0C0C0 s active_color_2",
+"@	c #C0C0FF s active_color_1",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@"};
diff --git a/themes/kokodi/right-inactive.png b/themes/kokodi/right-inactive.png
new file mode 100644
index 000000000..1f58cf04a
--- /dev/null
+++ b/themes/kokodi/right-inactive.png
diff --git a/themes/kokodi/right-inactive.svg b/themes/kokodi/right-inactive.svg
new file mode 100644
index 000000000..99c3e130b
--- /dev/null
+++ b/themes/kokodi/right-inactive.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6"
+   height="24"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docbase="/themes/default"
+   sodipodi:docname="right-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Border</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:none;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:0.15"
+       d="M 4.5,0 L 4.5,24"
+       id="path6061" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="border">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 5.5,0 L 5.5,24"
+       id="path1340" />
+  </g>
+</svg>
diff --git a/themes/kokodi/right-inactive.xpm b/themes/kokodi/right-inactive.xpm
new file mode 100644
index 000000000..a9894c017
--- /dev/null
+++ b/themes/kokodi/right-inactive.xpm
@@ -0,0 +1,30 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"6 24 3 1",
+" 	c None",
+"#	c #C0C0C0 s inactive_color_2",
+"@	c #C0C0FF s inactive_color_1",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@",
+"###@@@"};
diff --git a/themes/kokodi/shade-active.png b/themes/kokodi/shade-active.png
new file mode 100644
index 000000000..427a1a106
--- /dev/null
+++ b/themes/kokodi/shade-active.png
diff --git a/themes/kokodi/shade-active.svg b/themes/kokodi/shade-active.svg
new file mode 100644
index 000000000..67423f028
--- /dev/null
+++ b/themes/kokodi/shade-active.svg
@@ -0,0 +1,232 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,4)">
+      <path
+         d="M 6,9 L 6,3 M 3,6 L 6,3 L 9,6"
+         style="opacity:0.33;fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2705" />
+      <path
+         d="M 3,6 L 6,3 L 9,6 M 6,9 L 6,3"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2720" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-active.xpm b/themes/kokodi/shade-active.xpm
new file mode 100644
index 000000000..e63dd62fd
--- /dev/null
+++ b/themes/kokodi/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-inactive.png b/themes/kokodi/shade-inactive.png
new file mode 100644
index 000000000..291760d96
--- /dev/null
+++ b/themes/kokodi/shade-inactive.png
diff --git a/themes/kokodi/shade-inactive.svg b/themes/kokodi/shade-inactive.svg
new file mode 100644
index 000000000..4f38510cb
--- /dev/null
+++ b/themes/kokodi/shade-inactive.svg
@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,4)">
+      <path
+         id="path2720"
+         style="opacity:0.25;fill:none;fill-rule:evenodd;stroke:#7f7f7f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         d="M 3,6 L 6,3 L 9,6 M 6,9 L 6,3" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-inactive.xpm b/themes/kokodi/shade-inactive.xpm
new file mode 100644
index 000000000..84afd3297
--- /dev/null
+++ b/themes/kokodi/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-prelight.png b/themes/kokodi/shade-prelight.png
new file mode 100644
index 000000000..0f9bc6e4e
--- /dev/null
+++ b/themes/kokodi/shade-prelight.png
diff --git a/themes/kokodi/shade-prelight.svg b/themes/kokodi/shade-prelight.svg
new file mode 100644
index 000000000..83be89760
--- /dev/null
+++ b/themes/kokodi/shade-prelight.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,4)">
+      <path
+         d="M 6,9 L 6,3 M 3,6 L 6,3 L 9,6"
+         style="opacity:0.33;fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2705" />
+      <path
+         d="M 3,6 L 6,3 L 9,6 M 6,9 L 6,3"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2720" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-prelight.xpm b/themes/kokodi/shade-prelight.xpm
new file mode 100644
index 000000000..c6e14ec43
--- /dev/null
+++ b/themes/kokodi/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-pressed.png b/themes/kokodi/shade-pressed.png
new file mode 100644
index 000000000..d2ab55e5f
--- /dev/null
+++ b/themes/kokodi/shade-pressed.png
diff --git a/themes/kokodi/shade-pressed.svg b/themes/kokodi/shade-pressed.svg
new file mode 100644
index 000000000..0dddaa3f3
--- /dev/null
+++ b/themes/kokodi/shade-pressed.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1616"
+       transform="translate(6,5)">
+      <path
+         d="M 6,9 L 6,3 M 3,6 L 6,3 L 9,6"
+         style="opacity:0.33;fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2705" />
+      <path
+         d="M 3,6 L 6,3 L 9,6 M 6,9 L 6,3"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2720" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-pressed.xpm b/themes/kokodi/shade-pressed.xpm
new file mode 100644
index 000000000..c6e14ec43
--- /dev/null
+++ b/themes/kokodi/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-toggled-active.png b/themes/kokodi/shade-toggled-active.png
new file mode 100644
index 000000000..27c7be825
--- /dev/null
+++ b/themes/kokodi/shade-toggled-active.png
diff --git a/themes/kokodi/shade-toggled-active.svg b/themes/kokodi/shade-toggled-active.svg
new file mode 100644
index 000000000..0be456383
--- /dev/null
+++ b/themes/kokodi/shade-toggled-active.svg
@@ -0,0 +1,232 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-toggled-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1628"
+       transform="translate(6,4)">
+      <path
+         d="M 6,3 L 6,9 M 3,6 L 6,9 L 9,6"
+         style="opacity:0.33;fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2705" />
+      <path
+         d="M 3,6 L 6,9 L 9,6 M 6,3 L 6,8"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2720" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-toggled-active.xpm b/themes/kokodi/shade-toggled-active.xpm
new file mode 100644
index 000000000..ccdc70913
--- /dev/null
+++ b/themes/kokodi/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-toggled-inactive.png b/themes/kokodi/shade-toggled-inactive.png
new file mode 100644
index 000000000..a6005868f
--- /dev/null
+++ b/themes/kokodi/shade-toggled-inactive.png
diff --git a/themes/kokodi/shade-toggled-inactive.svg b/themes/kokodi/shade-toggled-inactive.svg
new file mode 100644
index 000000000..9afb5bbf8
--- /dev/null
+++ b/themes/kokodi/shade-toggled-inactive.svg
@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-toggled-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1628"
+       transform="translate(6,4)">
+      <path
+         id="path2720"
+         style="opacity:0.25;fill:none;fill-rule:evenodd;stroke:#7f7f7f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         d="M 3,6 L 6,9 L 9,6 M 6,3 L 6,8" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-toggled-inactive.xpm b/themes/kokodi/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..7f94137fb
--- /dev/null
+++ b/themes/kokodi/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-toggled-prelight.png b/themes/kokodi/shade-toggled-prelight.png
new file mode 100644
index 000000000..cc526c06e
--- /dev/null
+++ b/themes/kokodi/shade-toggled-prelight.png
diff --git a/themes/kokodi/shade-toggled-prelight.svg b/themes/kokodi/shade-toggled-prelight.svg
new file mode 100644
index 000000000..5ff58030e
--- /dev/null
+++ b/themes/kokodi/shade-toggled-prelight.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-toggled-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1628"
+       transform="translate(6,4)">
+      <path
+         d="M 6,3 L 6,9 M 3,6 L 6,9 L 9,6"
+         style="opacity:0.33;fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2705" />
+      <path
+         d="M 3,6 L 6,9 L 9,6 M 6,3 L 6,8"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2720" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-toggled-prelight.xpm b/themes/kokodi/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..0f68410d9
--- /dev/null
+++ b/themes/kokodi/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/shade-toggled-pressed.png b/themes/kokodi/shade-toggled-pressed.png
new file mode 100644
index 000000000..ca97d699f
--- /dev/null
+++ b/themes/kokodi/shade-toggled-pressed.png
diff --git a/themes/kokodi/shade-toggled-pressed.svg b/themes/kokodi/shade-toggled-pressed.svg
new file mode 100644
index 000000000..9cb934fdb
--- /dev/null
+++ b/themes/kokodi/shade-toggled-pressed.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="shade-toggled-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1628"
+       transform="translate(6,5)">
+      <path
+         d="M 6,3 L 6,9 M 3,6 L 6,9 L 9,6"
+         style="opacity:0.33;fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2705" />
+      <path
+         d="M 3,6 L 6,9 L 9,6 M 6,3 L 6,8"
+         style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;display:inline"
+         id="path2720" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/shade-toggled-pressed.xpm b/themes/kokodi/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..0f68410d9
--- /dev/null
+++ b/themes/kokodi/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-active.png b/themes/kokodi/stick-active.png
new file mode 100644
index 000000000..db37d62a3
--- /dev/null
+++ b/themes/kokodi/stick-active.png
diff --git a/themes/kokodi/stick-active.svg b/themes/kokodi/stick-active.svg
new file mode 100644
index 000000000..2a19ec620
--- /dev/null
+++ b/themes/kokodi/stick-active.svg
@@ -0,0 +1,232 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1613"
+       transform="translate(6,4)">
+      <path
+         id="path1412"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-active.xpm b/themes/kokodi/stick-active.xpm
new file mode 100644
index 000000000..635c422f9
--- /dev/null
+++ b/themes/kokodi/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-inactive.png b/themes/kokodi/stick-inactive.png
new file mode 100644
index 000000000..3976829b7
--- /dev/null
+++ b/themes/kokodi/stick-inactive.png
diff --git a/themes/kokodi/stick-inactive.svg b/themes/kokodi/stick-inactive.svg
new file mode 100644
index 000000000..df2ec0e95
--- /dev/null
+++ b/themes/kokodi/stick-inactive.svg
@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1613"
+       transform="translate(6,4)">
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-inactive.xpm b/themes/kokodi/stick-inactive.xpm
new file mode 100644
index 000000000..581c17a43
--- /dev/null
+++ b/themes/kokodi/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-prelight.png b/themes/kokodi/stick-prelight.png
new file mode 100644
index 000000000..16cd89b42
--- /dev/null
+++ b/themes/kokodi/stick-prelight.png
diff --git a/themes/kokodi/stick-prelight.svg b/themes/kokodi/stick-prelight.svg
new file mode 100644
index 000000000..4ab60fe17
--- /dev/null
+++ b/themes/kokodi/stick-prelight.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1613"
+       transform="translate(6,4)">
+      <path
+         id="path1412"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-prelight.xpm b/themes/kokodi/stick-prelight.xpm
new file mode 100644
index 000000000..549ee1a39
--- /dev/null
+++ b/themes/kokodi/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-pressed.png b/themes/kokodi/stick-pressed.png
new file mode 100644
index 000000000..0b8b95240
--- /dev/null
+++ b/themes/kokodi/stick-pressed.png
diff --git a/themes/kokodi/stick-pressed.svg b/themes/kokodi/stick-pressed.svg
new file mode 100644
index 000000000..846fba97b
--- /dev/null
+++ b/themes/kokodi/stick-pressed.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1613"
+       transform="translate(6,5)">
+      <path
+         id="path1412"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-pressed.xpm b/themes/kokodi/stick-pressed.xpm
new file mode 100644
index 000000000..549ee1a39
--- /dev/null
+++ b/themes/kokodi/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-toggled-active.png b/themes/kokodi/stick-toggled-active.png
new file mode 100644
index 000000000..24b852ad1
--- /dev/null
+++ b/themes/kokodi/stick-toggled-active.png
diff --git a/themes/kokodi/stick-toggled-active.svg b/themes/kokodi/stick-toggled-active.svg
new file mode 100644
index 000000000..99bf19e1e
--- /dev/null
+++ b/themes/kokodi/stick-toggled-active.svg
@@ -0,0 +1,241 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-toggled-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1625"
+       transform="translate(6,4)">
+      <path
+         id="path1412"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         d="M 7 6 A 1 1 0 1 1  5,6 A 1 1 0 1 1  7 6 z"
+         sodipodi:ry="1"
+         sodipodi:rx="1"
+         sodipodi:cy="6"
+         sodipodi:cx="6"
+         id="path2292"
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="arc" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-toggled-active.xpm b/themes/kokodi/stick-toggled-active.xpm
new file mode 100644
index 000000000..58f02465e
--- /dev/null
+++ b/themes/kokodi/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-toggled-inactive.png b/themes/kokodi/stick-toggled-inactive.png
new file mode 100644
index 000000000..b98ba02ce
--- /dev/null
+++ b/themes/kokodi/stick-toggled-inactive.png
diff --git a/themes/kokodi/stick-toggled-inactive.svg b/themes/kokodi/stick-toggled-inactive.svg
new file mode 100644
index 000000000..b42cc0fc8
--- /dev/null
+++ b/themes/kokodi/stick-toggled-inactive.svg
@@ -0,0 +1,215 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-toggled-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:1px;stroke-opacity:0.25"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g20"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1625"
+       transform="translate(6,4)">
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         d="M 7 6 A 1 1 0 1 1  5,6 A 1 1 0 1 1  7 6 z"
+         sodipodi:ry="1"
+         sodipodi:rx="1"
+         sodipodi:cy="6"
+         sodipodi:cx="6"
+         id="path2202"
+         style="opacity:0.25;fill:#7f7f7f;fill-opacity:1;stroke:#7f7f7f;stroke-width:0.5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
+         sodipodi:type="arc" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-toggled-inactive.xpm b/themes/kokodi/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..65e6479bc
--- /dev/null
+++ b/themes/kokodi/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-toggled-prelight.png b/themes/kokodi/stick-toggled-prelight.png
new file mode 100644
index 000000000..eead4705d
--- /dev/null
+++ b/themes/kokodi/stick-toggled-prelight.png
diff --git a/themes/kokodi/stick-toggled-prelight.svg b/themes/kokodi/stick-toggled-prelight.svg
new file mode 100644
index 000000000..c60d7237f
--- /dev/null
+++ b/themes/kokodi/stick-toggled-prelight.svg
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-toggled-prelight.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.25;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="15"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1625"
+       transform="translate(6,4)">
+      <path
+         id="path1412"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         d="M 7 6 A 1 1 0 1 1  5,6 A 1 1 0 1 1  7 6 z"
+         sodipodi:ry="1"
+         sodipodi:rx="1"
+         sodipodi:cy="0"
+         sodipodi:cx="6"
+         id="path2292"
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="arc" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-toggled-prelight.xpm b/themes/kokodi/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..69f313f00
--- /dev/null
+++ b/themes/kokodi/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/stick-toggled-pressed.png b/themes/kokodi/stick-toggled-pressed.png
new file mode 100644
index 000000000..013635086
--- /dev/null
+++ b/themes/kokodi/stick-toggled-pressed.png
diff --git a/themes/kokodi/stick-toggled-pressed.svg b/themes/kokodi/stick-toggled-pressed.svg
new file mode 100644
index 000000000..25fcd1d3b
--- /dev/null
+++ b/themes/kokodi/stick-toggled-pressed.svg
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="stick-toggled-pressed.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:#d0ffff;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:#d0ffff;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="radialGradient3087"
+       cx="12"
+       cy="0"
+       fx="12"
+       fy="3"
+       r="22"
+       gradientTransform="matrix(1,0,0,1,0,0.5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="12"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient2791"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient4147"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="19"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="pressed">
+    <g
+       id="g1789"
+       transform="translate(0,1)">
+      <rect
+         style="opacity:0.5;fill:url(#radialGradient3087);fill-opacity:1.0;stroke:url(#radialGradient3087);stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3079"
+         width="24"
+         height="25"
+         x="0"
+         y="0" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1"
+       id="rect6057"
+       width="24"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <rect
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6061"
+       width="24"
+       height="4"
+       x="0"
+       y="1" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0.75;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1884"
+       width="24"
+       height="12"
+       x="0"
+       y="1" />
+    <path
+       style="fill:none;stroke:url(#linearGradient2791);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.60"
+       d="M 0.5,1 L 0.5,16.5 C 0.5,16.5 0.5,18.5 2.5,18.5 C 4,18.5 21.5,18.5 21.5,18.5 C 21.5,18.5 23.5,18.5 23.5,16.5 C 23.5,14.5 23.5,1 23.5,1 L 23.5,1 L 23.5,1"
+       id="path2187" />
+    <path
+       style="fill:url(#linearGradient4147);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50"
+       d="M 2,1 C 2,1 2,13 2,15 C 2,17 5,17 5,17 L 20,17 C 20,17 22,17 22,15 C 22,13 22,1 22,1 L 2,1 z "
+       id="path2188" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="g31"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 24,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="g3722"
+     inkscape:label="Button">
+    <g
+       style="display:inline"
+       id="g1625"
+       transform="translate(6,5)">
+      <path
+         id="path1412"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:0.33;fill:black;fill-opacity:1;stroke:black;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path2287"
+         d="M 6,2 C 3.792,2 2,3.792 2,6 C 2,8.208 3.792,10 6,10 C 8.208,10 10,8.208 10,6 C 10,3.792 8.208,2 6,2 z M 6,4 C 7.104,4 8,4.896 8,6 C 8,7.104 7.104,8 6,8 C 4.896,8 4,7.104 4,6 C 4,4.896 4.896,4 6,4 z "
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         d="M 7 6 A 1 1 0 1 1  5,6 A 1 1 0 1 1  7 6 z"
+         sodipodi:ry="1"
+         sodipodi:rx="1"
+         sodipodi:cy="0"
+         sodipodi:cx="6"
+         id="path2292"
+         style="opacity:1;fill:white;fill-opacity:1;stroke:white;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="arc" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0"
+       d="M 0,27.5 L 24,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/stick-toggled-pressed.xpm b/themes/kokodi/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..69f313f00
--- /dev/null
+++ b/themes/kokodi/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"24 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................",
+"........................"};
diff --git a/themes/kokodi/themerc b/themes/kokodi/themerc
new file mode 100644
index 000000000..1888a1960
--- /dev/null
+++ b/themes/kokodi/themerc
@@ -0,0 +1,15 @@
+active_text_color=#ffffff
+button_offset=0
+button_spacing=0
+full_width_title=false
+maximized_offset=0
+shadow_delta_height=4
+shadow_delta_width=1
+shadow_delta_x=1
+shadow_delta_y=1
+show_app_icon=true
+title_horizontal_offset=1
+title_shadow_active=frame
+title_shadow_inactive=false
+title_vertical_offset_active=1
+title_vertical_offset_inactive=1
diff --git a/themes/kokodi/title-1-active.png b/themes/kokodi/title-1-active.png
new file mode 100644
index 000000000..a4fcfafe8
--- /dev/null
+++ b/themes/kokodi/title-1-active.png
diff --git a/themes/kokodi/title-1-active.svg b/themes/kokodi/title-1-active.svg
new file mode 100644
index 000000000..77b668dc7
--- /dev/null
+++ b/themes/kokodi/title-1-active.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-1-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="40"
+     inkscape:cx="-3.2737067"
+     inkscape:cy="-1.198171"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="1351"
+     inkscape:window-height="754"
+     inkscape:window-x="423"
+     inkscape:window-y="101"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-1-active.xpm b/themes/kokodi/title-1-active.xpm
new file mode 100644
index 000000000..9f656fef3
--- /dev/null
+++ b/themes/kokodi/title-1-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_active_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-1-inactive.png b/themes/kokodi/title-1-inactive.png
new file mode 100644
index 000000000..cb3f99707
--- /dev/null
+++ b/themes/kokodi/title-1-inactive.png
diff --git a/themes/kokodi/title-1-inactive.svg b/themes/kokodi/title-1-inactive.svg
new file mode 100644
index 000000000..a993c95e9
--- /dev/null
+++ b/themes/kokodi/title-1-inactive.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-1-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-1-inactive.xpm b/themes/kokodi/title-1-inactive.xpm
new file mode 100644
index 000000000..b97494023
--- /dev/null
+++ b/themes/kokodi/title-1-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_inactive_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-2-active.png b/themes/kokodi/title-2-active.png
new file mode 100644
index 000000000..a4fcfafe8
--- /dev/null
+++ b/themes/kokodi/title-2-active.png
diff --git a/themes/kokodi/title-2-active.svg b/themes/kokodi/title-2-active.svg
new file mode 100644
index 000000000..b3d29c9d1
--- /dev/null
+++ b/themes/kokodi/title-2-active.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-2-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-2-active.xpm b/themes/kokodi/title-2-active.xpm
new file mode 100644
index 000000000..9f656fef3
--- /dev/null
+++ b/themes/kokodi/title-2-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_active_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-2-inactive.png b/themes/kokodi/title-2-inactive.png
new file mode 100644
index 000000000..cb3f99707
--- /dev/null
+++ b/themes/kokodi/title-2-inactive.png
diff --git a/themes/kokodi/title-2-inactive.svg b/themes/kokodi/title-2-inactive.svg
new file mode 100644
index 000000000..bd17c1c9c
--- /dev/null
+++ b/themes/kokodi/title-2-inactive.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-2-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-2-inactive.xpm b/themes/kokodi/title-2-inactive.xpm
new file mode 100644
index 000000000..b97494023
--- /dev/null
+++ b/themes/kokodi/title-2-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_inactive_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-3-active.png b/themes/kokodi/title-3-active.png
new file mode 100644
index 000000000..a4fcfafe8
--- /dev/null
+++ b/themes/kokodi/title-3-active.png
diff --git a/themes/kokodi/title-3-active.svg b/themes/kokodi/title-3-active.svg
new file mode 100644
index 000000000..7ddcb92f9
--- /dev/null
+++ b/themes/kokodi/title-3-active.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-3-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-3-active.xpm b/themes/kokodi/title-3-active.xpm
new file mode 100644
index 000000000..9f656fef3
--- /dev/null
+++ b/themes/kokodi/title-3-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_active_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-3-inactive.png b/themes/kokodi/title-3-inactive.png
new file mode 100644
index 000000000..cb3f99707
--- /dev/null
+++ b/themes/kokodi/title-3-inactive.png
diff --git a/themes/kokodi/title-3-inactive.svg b/themes/kokodi/title-3-inactive.svg
new file mode 100644
index 000000000..669254339
--- /dev/null
+++ b/themes/kokodi/title-3-inactive.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-3-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-3-inactive.xpm b/themes/kokodi/title-3-inactive.xpm
new file mode 100644
index 000000000..b97494023
--- /dev/null
+++ b/themes/kokodi/title-3-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_inactive_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-4-active.png b/themes/kokodi/title-4-active.png
new file mode 100644
index 000000000..a4fcfafe8
--- /dev/null
+++ b/themes/kokodi/title-4-active.png
diff --git a/themes/kokodi/title-4-active.svg b/themes/kokodi/title-4-active.svg
new file mode 100644
index 000000000..25dc30ecd
--- /dev/null
+++ b/themes/kokodi/title-4-active.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-4-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-4-active.xpm b/themes/kokodi/title-4-active.xpm
new file mode 100644
index 000000000..9f656fef3
--- /dev/null
+++ b/themes/kokodi/title-4-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_active_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-4-inactive.png b/themes/kokodi/title-4-inactive.png
new file mode 100644
index 000000000..cb3f99707
--- /dev/null
+++ b/themes/kokodi/title-4-inactive.png
diff --git a/themes/kokodi/title-4-inactive.svg b/themes/kokodi/title-4-inactive.svg
new file mode 100644
index 000000000..16e5f36b1
--- /dev/null
+++ b/themes/kokodi/title-4-inactive.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-4-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-4-inactive.xpm b/themes/kokodi/title-4-inactive.xpm
new file mode 100644
index 000000000..b97494023
--- /dev/null
+++ b/themes/kokodi/title-4-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_inactive_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-5-active.png b/themes/kokodi/title-5-active.png
new file mode 100644
index 000000000..a4fcfafe8
--- /dev/null
+++ b/themes/kokodi/title-5-active.png
diff --git a/themes/kokodi/title-5-active.svg b/themes/kokodi/title-5-active.svg
new file mode 100644
index 000000000..ac017749b
--- /dev/null
+++ b/themes/kokodi/title-5-active.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-5-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-5-active.xpm b/themes/kokodi/title-5-active.xpm
new file mode 100644
index 000000000..9f656fef3
--- /dev/null
+++ b/themes/kokodi/title-5-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_active_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/title-5-inactive.png b/themes/kokodi/title-5-inactive.png
new file mode 100644
index 000000000..cb3f99707
--- /dev/null
+++ b/themes/kokodi/title-5-inactive.png
diff --git a/themes/kokodi/title-5-inactive.svg b/themes/kokodi/title-5-inactive.svg
new file mode 100644
index 000000000..072dc364d
--- /dev/null
+++ b/themes/kokodi/title-5-inactive.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="title-5-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="400"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Title</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <rect
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6057"
+       width="8"
+       height="26"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 8,1 C 8,1 8,4 8,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <rect
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       id="rect1884"
+       width="8"
+       height="15"
+       x="0"
+       y="1" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:none;stroke:black;stroke-width:1px;stroke-opacity:0.20"
+       d="M 0,0.5 L 8,0.5"
+       id="path6059" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0,27.5 L 8,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/title-5-inactive.xpm b/themes/kokodi/title-5-inactive.xpm
new file mode 100644
index 000000000..b97494023
--- /dev/null
+++ b/themes/kokodi/title-5-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * title_inactive_xpm[] = {
+"4 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"....",
+"...."};
diff --git a/themes/kokodi/top-left-active.png b/themes/kokodi/top-left-active.png
new file mode 100644
index 000000000..73fdecac7
--- /dev/null
+++ b/themes/kokodi/top-left-active.png
diff --git a/themes/kokodi/top-left-active.svg b/themes/kokodi/top-left-active.svg
new file mode 100644
index 000000000..129e47263
--- /dev/null
+++ b/themes/kokodi/top-left-active.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="top-left-active.svg"
+   version="1.0"
+   inkscape:version="0.45.1"
+   sodipodi:version="0.32"
+   id="svg2"
+   height="28"
+   width="8"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="733"
+     inkscape:window-x="187"
+     inkscape:window-y="728"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Top Corner</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     style="display:inline"
+     inkscape:label="Grad"
+     id="layer2"
+     inkscape:groupmode="layer">
+    <path
+       id="path6057"
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 8,1 L 3,1 C 3,1 1,1 1,4 L 1,22 C 1,22 1,27 6,27 L 8,27 L 8,27 L 8,1 z " />
+  </g>
+  <g
+     inkscape:label="hilight"
+     id="layer3"
+     inkscape:groupmode="layer">
+    <path
+       id="path6061"
+       d="M 8,1 L 5.75,1 C 5.75,1 2,1 2,4 C 2,4 2.75,4 2.75,4 L 8,4 L 8,4 z "
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       d="M 8,1 L 3,1 C 3,1 1,1 1,4 L 1,11 C 1,11 1,16 6,16 L 8,16 L 8,16 L 8,1 z "
+       id="path1884" />
+  </g>
+  <g
+     style="display:inline"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Border">
+    <path
+       id="rect1319"
+       d="M 8,0 L 8,1 L 3,1 C 3,1 1,1 1,4 C 1,28 1,28 1,28 L 0,28 L 0,0 L 8,0 z "
+       style="fill:black;fill-opacity:0.20" />
+  </g>
+  <g
+     inkscape:label="Shadow"
+     id="layer5"
+     inkscape:groupmode="layer">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 2.5,27.5 L 7.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/top-left-active.xpm b/themes/kokodi/top-left-active.xpm
new file mode 100644
index 000000000..8a8f571df
--- /dev/null
+++ b/themes/kokodi/top-left-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"8 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"  ......",
+" .......",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........"};
diff --git a/themes/kokodi/top-left-inactive.png b/themes/kokodi/top-left-inactive.png
new file mode 100644
index 000000000..2429bbe39
--- /dev/null
+++ b/themes/kokodi/top-left-inactive.png
diff --git a/themes/kokodi/top-left-inactive.svg b/themes/kokodi/top-left-inactive.svg
new file mode 100644
index 000000000..f64c8870c
--- /dev/null
+++ b/themes/kokodi/top-left-inactive.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="top-left-inactive.svg"
+   version="1.0"
+   inkscape:version="0.45.1"
+   sodipodi:version="0.32"
+   id="svg2"
+   height="28"
+   width="8"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="733"
+     inkscape:window-x="187"
+     inkscape:window-y="728"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Top Corner</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     style="display:inline"
+     inkscape:label="Grad"
+     id="layer2"
+     inkscape:groupmode="layer">
+    <path
+       id="path6057"
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 8,1 L 3,1 C 3,1 1,1 1,4 L 1,22 C 1,22 1,27 6,27 L 8,27 L 8,27 L 8,1 z " />
+  </g>
+  <g
+     inkscape:label="hilight"
+     id="layer3"
+     inkscape:groupmode="layer">
+    <path
+       id="path6061"
+       d="M 8,1 L 5.75,1 C 5.75,1 2,1 2,4 C 2,4 2.75,4 2.75,4 L 8,4 L 8,4 z "
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       d="M 8,1 L 3,1 C 3,1 1,1 1,4 L 1,11 C 1,11 1,16 6,16 L 8,16 L 8,16 L 8,1 z "
+       id="path1884" />
+  </g>
+  <g
+     style="display:inline"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Border">
+    <path
+       id="rect1319"
+       d="M 8,0 L 8,1 L 3,1 C 3,1 1,1 1,4 C 1,28 1,28 1,28 L 0,28 L 0,0 L 8,0 z "
+       style="fill:black;fill-opacity:0.20" />
+  </g>
+  <g
+     inkscape:label="Shadow"
+     id="layer5"
+     inkscape:groupmode="layer">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 2.5,27.5 L 7.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/top-left-inactive.xpm b/themes/kokodi/top-left-inactive.xpm
new file mode 100644
index 000000000..b9eff7f25
--- /dev/null
+++ b/themes/kokodi/top-left-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"8 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"  ......",
+" .......",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........"};
diff --git a/themes/kokodi/top-right-active.png b/themes/kokodi/top-right-active.png
new file mode 100644
index 000000000..b5bb60986
--- /dev/null
+++ b/themes/kokodi/top-right-active.png
diff --git a/themes/kokodi/top-right-active.svg b/themes/kokodi/top-right-active.svg
new file mode 100644
index 000000000..ae6dcd020
--- /dev/null
+++ b/themes/kokodi/top-right-active.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="top-right-active.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="733"
+     inkscape:window-x="187"
+     inkscape:window-y="728"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Top Corner</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <path
+       style="fill:url(#linearGradient6945);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 5,1 C 5,1 7,1 7,4 L 7,22 C 7,22 7,27 2,27 L 0,27 L 0,27 L 0,1 z "
+       id="path6057" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.60;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 2.25,1 C 2.25,1 6,1 6,4 C 6,4 5.25,4 5.25,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <path
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:1;stroke:none;stroke-width:0;stroke-opacity:1"
+       d="M 0,1 L 5,1 C 5,1 7,1 7,4 L 7,11 C 7,11 7,16 2,16 L 0,16 L 0,16 L 0,1 z "
+       id="path1884" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       id="rect1319"
+       d="M 0,0 L 0,1 L 5,1 C 5,1 7,1 7,4 C 7,28 7,28 7,28 L 8,28 L 8,0 L 0,0 z "
+       style="fill:black;fill-opacity:0.20" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0.5,27.5 L 5.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/top-right-active.xpm b/themes/kokodi/top-right-active.xpm
new file mode 100644
index 000000000..d33ccf4b7
--- /dev/null
+++ b/themes/kokodi/top-right-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"8 28 2 1",
+" 	c None",
+".	c #C0C0FF s active_color_1",
+"......  ",
+"....... ",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........"};
diff --git a/themes/kokodi/top-right-inactive.png b/themes/kokodi/top-right-inactive.png
new file mode 100644
index 000000000..ab230e47d
--- /dev/null
+++ b/themes/kokodi/top-right-inactive.png
diff --git a/themes/kokodi/top-right-inactive.svg b/themes/kokodi/top-right-inactive.svg
new file mode 100644
index 000000000..57da706dd
--- /dev/null
+++ b/themes/kokodi/top-right-inactive.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="28"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docname="top-right-inactive.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ofourdan/src/svn/xfwm4/trunk/themes/default">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1886">
+      <stop
+         style="stop-color:white;stop-opacity:1;"
+         offset="0"
+         id="stop1888" />
+      <stop
+         style="stop-color:white;stop-opacity:0.25;"
+         offset="1"
+         id="stop1890" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5873">
+      <stop
+         id="stop5875"
+         offset="0"
+         style="stop-color:white;stop-opacity:1;" />
+      <stop
+         id="stop5877"
+         offset="0.5"
+         style="stop-color:white;stop-opacity:0.90;" />
+      <stop
+         id="stop5879"
+         offset="1"
+         style="stop-color:white;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5847">
+      <stop
+         id="stop5849"
+         offset="0"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop2779"
+         offset="0.75"
+         style="stop-color:white;stop-opacity:0;" />
+      <stop
+         id="stop5851"
+         offset="1"
+         style="stop-color:white;stop-opacity:0.20;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5847"
+       id="linearGradient6945"
+       gradientUnits="userSpaceOnUse"
+       x1="0"
+       y1="0.5"
+       x2="0"
+       y2="27.5"
+       gradientTransform="matrix(1,0,0,1,0,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5873"
+       id="linearGradient6962"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.2,0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1892"
+       x1="0"
+       y1="1"
+       x2="0"
+       y2="14"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,0.75,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="white"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10"
+     inkscape:cx="0"
+     inkscape:cy="0"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:grid-points="true"
+     gridoriginx="0px"
+     gridtolerance="0.5px"
+     guidetolerance="1px"
+     inkscape:window-width="640"
+     inkscape:window-height="733"
+     inkscape:window-x="187"
+     inkscape:window-y="728"
+     inkscape:guide-bbox="true"
+     inkscape:guide-points="false"
+     showguides="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Top Corner</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Olivier Fourdan</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Grad"
+     style="display:inline">
+    <path
+       style="fill:url(#linearGradient6945);fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 5,1 C 5,1 7,1 7,4 L 7,22 C 7,22 7,27 2,27 L 0,27 L 0,27 L 0,1 z "
+       id="path6057" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="hilight">
+    <path
+       style="fill:url(#linearGradient6962);fill-opacity:0.20;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 0,1 L 2.25,1 C 2.25,1 6,1 6,4 C 6,4 5.25,4 5.25,4 L 0,4 L 0,3 z "
+       id="path6061" />
+    <path
+       style="opacity:0.5;fill:url(#linearGradient1892);fill-opacity:0;stroke:none;stroke-width:0;stroke-opacity:1"
+       d="M 0,1 L 5,1 C 5,1 7,1 7,4 L 7,11 C 7,11 7,16 2,16 L 0,16 L 0,16 L 0,1 z "
+       id="path1884" />
+  </g>
+  <g
+     inkscape:label="Border"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       id="rect1319"
+       d="M 0,0 L 0,1 L 5,1 C 5,1 7,1 7,4 C 7,28 7,28 7,28 L 8,28 L 8,0 L 0,0 z "
+       style="fill:black;fill-opacity:0.20" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Shadow">
+    <path
+       style="fill:none;fill-opacity:0.50;fill-rule:evenodd;stroke:black;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:0"
+       d="M 0.5,27.5 L 5.5,27.5"
+       id="path6989" />
+  </g>
+</svg>
diff --git a/themes/kokodi/top-right-inactive.xpm b/themes/kokodi/top-right-inactive.xpm
new file mode 100644
index 000000000..15ea11883
--- /dev/null
+++ b/themes/kokodi/top-right-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"8 28 2 1",
+" 	c None",
+".	c #C0C0FF s inactive_color_1",
+"......  ",
+"....... ",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........",
+"........"};