The great flattification

res/template/appearance.html

@@ -27,7 +27,6 @@
 				(Inspired by <a href="https://www.nordtheme.com/" target="_blank">Nord</a>)<br/>
 				<input type="radio" id="style_snowstorm"      name="style"><label for="style_snowstorm">Snowstorm Style</label>
 				(Inspired by <a href="https://www.nordtheme.com/" target="_blank">Nord</a>)<br/>
-				<input type="radio" id="style_deepsea"        name="style"><label for="style_deepsea">Deep Sea Style</label><br/>
 				<input type="radio" id="style_skeuos"         name="style"><label for="style_skeuos">Skeuos Style</label>
 				(Inspired by <a href="https://www.gnome-look.org/p/1441725/" target="_blank">Skeuos GTK</a>)<br/>
 				<!--<input type="radio" id="style_sunny"          name="style"><label for="style_sunny">Sunny Style</label>-->

res/template/apps.html

@@ -7,7 +7,7 @@
 		<style>
 			.specs {
 				text-align: center;
-				border-bottom: 1px solid var(--layer_2_color_border);
+				border-bottom: 1px solid var(--separator);
 			}
 		</style>
 	</head>

res/template/fragments/user_style.html

@@ -8,13 +8,11 @@
 {{ define "user_style_js" }}
 <script>
 	window.style = {
-		textColor: "{{.Style.Text.RGB}}",
-		inputColor: "{{.Style.Input.RGB}}",
-		inputTextColor: "{{.Style.InputText.RGB}}",
+		bodyTextColor: "{{.Style.BodyText.RGB}}",
 		highlightColor: "{{.Style.Highlight.RGB}}",
 		dangerColor: "{{.Style.Danger.RGB}}",
-		layer2Color: "{{.Style.Layer2.RGB}}",
-		layer3Color: "{{.Style.Layer3.RGB}}",
+		bodyColor: "{{.Style.BodyColor.RGB}}",
+		separatorColor: "{{.Style.Separator.RGB}}",
 		chart1Color: "{{.Style.Chart1.RGB}}",
 		chart2Color: "{{.Style.Chart2.RGB}}",
 		chart3Color: "{{.Style.Chart3.RGB}}",

res/template/home.html

@@ -14,7 +14,7 @@
 			background-attachment: fixed;
 			background-position: center;
 			background-size: cover;
-			color: var(--layer_1_text_color);
+			color: var(--background_text_color);
 		}
 		</style>