From 2564eec81254f3a57c96a187343a4fcfd6590c37 Mon Sep 17 00:00:00 2001
From: Manuel Friedli <manuel@fritteli.ch>
Date: Sat, 28 Jun 2014 16:04:06 +0200
Subject: [PATCH] added yellow theme

---
 showcase/index.html |  1 +
 uhr-yellow.css      | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 uhr-yellow.css

diff --git a/showcase/index.html b/showcase/index.html
index 3c28105..3941355 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -26,6 +26,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 	<link rel="stylesheet" type="text/css" href="../uhr-white.css" data-class="white" data-name="Weiss" />
 	<link rel="stylesheet" type="text/css" href="../uhr-red.css" data-class="red" data-name="Rot" />
 	<link rel="stylesheet" type="text/css" href="../uhr-green.css" data-class="green" data-name="GrĂ¼n" />
+	<link rel="stylesheet" type="text/css" href="../uhr-yellow.css" data-class="yellow" data-name="Gelb" />
 	<link rel="stylesheet" type="text/css" href="../uhr-blue.css" data-class="blue" data-name="Blau" />
 	<link rel="stylesheet" type="text/css" href="../uhr-pink.css" data-class="pink" data-name="Pink" />
 	<link rel="shortcut icon" type="image/png" href="favicon.png" />
diff --git a/uhr-yellow.css b/uhr-yellow.css
new file mode 100644
index 0000000..1e0faef
--- /dev/null
+++ b/uhr-yellow.css
@@ -0,0 +1,36 @@
+/*
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+.uhr.yellow {
+	background-color: #fd0;
+}
+.uhr.yellow .dot.active{
+	border-color: #fff;
+	box-shadow: 0 0 0.1em #fff;
+}
+.uhr.yellow .letter.active{
+	color: #fff;
+	text-shadow: 0 0 0.1em #fff;
+}
+.yellow .onoffswitch-inner:before {
+	background-color: #fd0;
+}
+.uhr.yellow .dot:not(.active) {
+	border-color: rgba(0,0,0,0.05);
+	box-shadow: 0 0 0.1em rgba(0,0,0,0.05);
+}
+.uhr.yellow .letter:not(.active) {
+	color: rgba(0,0,0,0.05);
+	text-shadow: 0 0 0.1em rgba(0,0,0,0.05);
+}