diff --git a/client/options.js b/client/options.js
index f411f0d..b61c4f3 100644
--- a/client/options.js
+++ b/client/options.js
@@ -128,7 +128,8 @@ var themes = [
 	'tea',
 	'higan',
 	'homu',
-	'me'
+	'me',
+	'yakui',
 ];
 
 function option_theme(theme) {
diff --git a/hot.js.example b/hot.js.example
index 0592ad8..f3f860a 100644
--- a/hot.js.example
+++ b/hot.js.example
@@ -21,7 +21,7 @@ this.hot = {
 	/* Bump this version whenever you change base.css */
 	BASE_CSS_VERSION: 51,
 	/* Bump this version whenever you modify any existing theme CSS */
-	THEME_CSS_VERSION: 18,
+	THEME_CSS_VERSION: 19,
 
 	INTER_BOARD_NAVIGATION: true,
 
diff --git a/www/css/img/background001.jpg b/www/css/img/background001.jpg
new file mode 100644
index 0000000..9aece01
Binary files /dev/null and b/www/css/img/background001.jpg differ
diff --git a/www/css/img/weeee.gif b/www/css/img/weeee.gif
new file mode 100644
index 0000000..ce6ca13
Binary files /dev/null and b/www/css/img/weeee.gif differ
diff --git a/www/css/yakui.css b/www/css/yakui.css
new file mode 100644
index 0000000..c76c78a
--- /dev/null
+++ b/www/css/yakui.css
@@ -0,0 +1,112 @@
+body {
+	background: url(./img/background001.jpg);
+	background-attachment: fixed;
+	background-position: bottom;
+	background-repeat: no-repeat;
+	background-size: cover;
+	color: #51384a;
+}
+
+h1 {
+	clear: both;
+	text-align: center;
+	text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
+	font-size: 2em;
+	color: #e5cbf5;
+	width: 100%;
+	font-weight: 600;
+}
+
+article,
+#options-panel {
+	background: rgba(229, 203, 245, 0.7) url('./img/weeee.gif') no-repeat scroll bottom right;
+	background-size: 70px;
+}
+
+section {
+	background: rgba(72, 34, 102, 0.5);
+	padding: 10px;
+}
+
+section > figure,
+section > header,
+section > blockquote,
+section > .omit {
+	color: #fff;
+}
+
+a {
+	color: #ff69b4;
+}
+
+.embed,
+.embed:hover {
+	color: #ff69b4;
+}
+
+b {
+	color: #51384a;
+	font-weight: 900;
+}
+
+.pagination, .act {
+	background-color: #e5cbf5;
+	color: #51384a;
+}
+
+#sync, 
+#feedback, 
+#options, 
+#bottom > a {
+	color: #ff69b4;
+	background-color: #e5cbf5;
+	padding: 2px
+}
+
+#lock {
+	color: #ff96b4
+}
+
+section > header > b {
+	color: #FF6600;
+	animation: hue 3s infinite;
+}
+
+header > .act,
+#bottom {
+	background: none;
+}
+
+header > nav a,
+preview > nav a {
+	color: #51384a;
+}
+
+section > header > nav a {
+	color: #fff;
+}
+
+h3 {
+	color: yellow;
+}
+
+.editing {
+	animation: hue 5s alternate infinite;
+}
+
+.preview {
+	background-color: rgba(229, 203, 245, 0.9);
+}
+
+article a,
+preview a {
+	color: #330066;
+}
+
+@keyframes hue {
+	0%	{ filter: hue-rotate(0deg) saturate(100%); }
+	25% { filter: hue-rotate(45deg) saturate(500%); }
+	50% { filter: hue-rotate(90deg) saturate(100%); }
+	75% { filter: hue-rotate(135deg) saturate(500%); }
+	100%{ filter: hue-rotate(180deg) saturate(100%); }
+}