Added custom antler keyboard theme.

4 files changed, 163 insertions, 1 deletions

diff --git a/data/Makefile.am b/data/Makefile.am
index 4f9ac8b..ee6cbd2 100644
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -1,4 +1,4 @@
-SUBDIRS = layouts
+SUBDIRS = layouts antler
 
 @GSETTINGS_RULES@
 @INTLTOOL_XML_NOMERGE_RULE@
diff --git a/data/antler/Makefile.am b/data/antler/Makefile.am
new file mode 100644
index 0000000..dae9e36
--- /dev/null
+++ b/data/antler/Makefile.am
@@ -0,0 +1,4 @@
+cssfilesdir = $(datadir)/antler
+cssfiles_DATA = \
+	style.css \
+	dark-key-border.svg
diff --git a/data/antler/dark-key-border.svg b/data/antler/dark-key-border.svg
new file mode 100644
index 0000000..f9dd90b
--- /dev/null
+++ b/data/antler/dark-key-border.svg
@@ -0,0 +1,105 @@
+<?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: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="100"
+   height="100"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="dark-key-border.svg"
+   inkscape:export-filename="/home/eitan/Projects/caribou/data/antler/dark-key-border.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="94.123676"
+     inkscape:cy="58.318764"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="843"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1" />
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3956">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3958" />
+      <stop
+         id="stop3983"
+         offset="0.2"
+         style="stop-color:#7f7f7f;stop-opacity:1;" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="1"
+         id="stop3960" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3927">
+      <stop
+         style="stop-color:#272c37;stop-opacity:1;"
+         offset="0"
+         id="stop3929" />
+      <stop
+         style="stop-color:#4b525d;stop-opacity:1;"
+         offset="1"
+         id="stop3931" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3956"
+       id="linearGradient3962"
+       x1="41.646336"
+       y1="852.17767"
+       x2="41.646336"
+       y2="952.93188"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,99.999997)" />
+  </defs>
+  <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     transform="translate(0,-952.36218)">
+    <rect
+       style="opacity:0.10000000000000001;fill:url(#linearGradient3962);fill-opacity:1;stroke:none"
+       id="rect3954"
+       width="100"
+       height="100"
+       x="0"
+       y="952.36218"
+       ry="2" />
+  </g>
+</svg>
diff --git a/data/antler/style.css b/data/antler/style.css
new file mode 100644
index 0000000..075bceb
--- /dev/null
+++ b/data/antler/style.css
@@ -0,0 +1,53 @@
+@define-color button_color1 #444c5b;
+@define-color button_color2 darker(@button_color1);
+@define-color keyboard_color1 #000e29;
+@define-color keyboard_color2 darker(#000e29);
+@define-color key_text_color #ffffff;
+@define-color insensitive_color #888888;
+
+.antler-keyboard-button {
+  border-width: 0;
+  border-radius: 2;
+  border-image: url("dark-key-border.svg") 2 2 2 2 repeat stretch;
+  font: Sans 14;
+  background-image: -gtk-gradient (linear,
+				     left top,
+				     left bottom,
+				     from (@button_color1),
+				     to (@button_color2));
+  color: @key_text_color;
+}
+
+.antler-keyboard-button:hover {
+  background-image: -gtk-gradient (linear,
+				     left top,
+				     left bottom,
+				     from (shade(@button_color1, 1.1)),
+				     to (shade(@button_color2, 1.1)));
+}
+
+.antler-keyboard-button:active, .antler-keyboard-button:hover:active {
+  background-image: -gtk-gradient (linear,
+				     left top,
+				     left bottom,
+				     from (shade(@button_color1, 1.4)),
+				     to (shade(@button_color2, 1.4)));
+}
+
+.antler-keyboard-button:insensitive { 
+  background-image: -gtk-gradient (linear,
+				     left top,
+				     left bottom,
+				     from (shade(@button_color1, 0.5)),
+				     to (shade(@button_color2, 0.5)));
+  color: #aaaaaa;
+}
+
+.antler-keyboard-window {
+background-image: -gtk-gradient (linear,
+  left top,
+  left bottom,
+  from (@keyboard_color1),
+  to (@keyboard_color2));
+}
+