new theme

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");
+}

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')

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" />