From 50a32d75d36cc185c68d5037e8e345d2ad25979a Mon Sep 17 00:00:00 2001
From: cutls <web-pro@cutls.com>
Date: Mon, 10 Feb 2020 12:48:35 +0900
Subject: [PATCH] new theme

---
 app/css/themes.css                | 48 +++++++++++++++++++++++++++++++
 app/js/ui/theme.js                |  2 ++
 app/view/make/setting.sample.html |  8 ++++++
 3 files changed, 58 insertions(+)

diff --git a/app/css/themes.css b/app/css/themes.css
index f62c4adb..99ac7db5 100644
--- a/app/css/themes.css
+++ b/app/css/themes.css
@@ -142,3 +142,51 @@
 .bluetheme #imagemodal {
   background: url("../img/pixel.white.svg");
 }
+.polartheme {
+  --bg: #2e3440;
+  --drag: rgba(0, 0, 0, 0.8);
+  --color: white;
+  --beforehover: #8d94a0;
+  --modal: #3b4252;
+  --subcolor: #434c5e;
+  --box: #4c566a;
+  --sidebar: #3b4252;
+  --shared: #2d3b58;
+  --notfbox: #2a3857;
+  --emphasized: #2f4b86;
+  --his-data: rgba(0, 0, 0, 0.8);
+  --active: #2a3857;
+  --postbox: #434c5e;
+  --modalfooter: #485166;
+  --accentbtn: #2f4b86;
+  --selected: #464f61;
+  --selectedWithShare: #3e527e;
+  --gray: #cccccc;
+}
+.polartheme #imagemodal {
+  background: url("../img/pixel.svg");
+}
+.snowtheme {
+  --bg: #eceff4;
+  --drag: rgba(255, 255, 255, 0.8);
+  --color: #36425a;
+  --beforehover: #344058;
+  --modal: #e5e9f0;
+  --subcolor: #d8dee9;
+  --box: #c0c8d6;
+  --sidebar: #eeeeee;
+  --shared: #c3d4e6;
+  --notfbox: #d8dee9;
+  --emphasized: #88c0d0;
+  --his-data: rgba(255, 255, 255, 0.9);
+  --active: #8fbcbb;
+  --postbox: #d8dee9;
+  --modalfooter: #b2bed4;
+  --accentbtn: #81a1c1;
+  --selected: #b4bdd0;
+  --selectedWithShare: #a3afbb;
+  --gray: #5c6c8c;
+}
+.snowtheme #imagemodal {
+  background: url("../img/pixel.white.svg");
+}
\ No newline at end of file
diff --git a/app/js/ui/theme.js b/app/js/ui/theme.js
index abcfef17..757c6a0b 100644
--- a/app/js/ui/theme.js
+++ b/app/js/ui/theme.js
@@ -14,6 +14,8 @@ function themes(theme) {
 	el.classList.remove('browntheme')
 	el.classList.remove('blacktheme')
 	el.classList.remove('bluetheme')
+	el.classList.remove('polartheme')
+	el.classList.remove('snowtheme')
 	el.classList.remove('customtheme')
 	el.classList.add(theme + 'theme')
 	var font = localStorage.getItem('font')
diff --git a/app/view/make/setting.sample.html b/app/view/make/setting.sample.html
index b0d1c2d4..faa1339a 100644
--- a/app/view/make/setting.sample.html
+++ b/app/view/make/setting.sample.html
@@ -134,6 +134,14 @@
 					<input class="with-gap" onchange="settings()" name="theme" type="radio" id="blue" value="blue" />
 					<span data-ct="blue">Blue<span class="imas hide">(渚の花嫁)</span></span>
 				</label>
+				<label>
+					<input class="with-gap" onchange="settings()" name="theme" type="radio" id="polar" value="polar" />
+					<span data-ct="polar">Polar Night<span class="imas hide">(ひみつの小夜曲)</span></span>
+				</label>
+				<label>
+					<input class="with-gap" onchange="settings()" name="theme" type="radio" id="snow" value="snow" />
+					<span data-ct="snow">Snow Storm<span class="imas hide">(極光のしらべ)</span></span>
+				</label>
 				<label>
 					<input class="with-gap" onchange="settings()" name="theme" type="radio" id="custom"
 						value="custom" />