From 71dc2f20ff99a9c36493769b395a50973f8cc254 Mon Sep 17 00:00:00 2001 From: Eitan Isaacson Date: Thu, 5 May 2011 15:17:43 -0400 Subject: Added custom antler keyboard theme. --- data/Makefile.am | 2 +- data/antler/Makefile.am | 4 ++ data/antler/dark-key-border.svg | 105 ++++++++++++++++++++++++++++++++++++++++ data/antler/style.css | 53 ++++++++++++++++++++ 4 files changed, 163 insertions(+), 1 deletion(-) create mode 100644 data/antler/Makefile.am create mode 100644 data/antler/dark-key-border.svg create mode 100644 data/antler/style.css (limited to 'data') 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 @@ + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + 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)); +} + -- cgit v1.2.1