Another bunch of styling fixes

res/include/style/layout.css

@@ -77,7 +77,7 @@ header > h1 {
 	margin-bottom: 69px;
 }
 footer > .footer_content {
-	background-color: rgba(0, 0, 0, 0.2);
+	background-color: var(--shaded_background);
 	display: inline-block;
 	border-radius: 8px;
 	margin: 300px 0 69px 0;
@@ -180,18 +180,11 @@ section {
 	text-decoration: none;
 }
 
-.highlight_dark,
-.highlight_middle,
-.highlight_light,
-.highlight_lighter,
+.highlight_shaded,
 .highlight_green,
 .highlight_blue,
 .highlight_yellow,
-.highlight_red,
-.highlight_1,
-.highlight_2,
-.highlight_3,
-.highlight_4 {
+.highlight_red {
 	position: relative;
 	width: auto;
 	height: auto;
@@ -200,18 +193,8 @@ section {
 	padding: 4px;
 	border-radius: 8px;
 }
-.highlight_dark, .highlight_1 {
-	background-color: var(--layer_1_color);
-	color: var(--layer_1_text_color);
-}
-.highlight_middle, .highlight_2 {
-	background-color: var(--layer_2_color);
-}
-.highlight_light, .highlight_3 {
-	background-color: var(--layer_3_color);
-}
-.highlight_lighter, .highlight_4 {
-	background-color: var(--layer_4_color);
+.highlight_shaded {
+	background: var(--shaded_background);
 }
 .highlight_green {
 	background-color: rgba(0, 255, 0, 0.05);
@@ -490,7 +473,7 @@ button > svg,
 	overflow-y: hidden;
 	white-space: nowrap;
 	text-align: center;
-	background-color: var(--layer_1_color);
+	background-color: var(--shaded_background);
 	box-shadow: inset 0 -10px 8px -12px var(--shadow_color);
 }
 .tab_bar > button,

res/template/apps.html

@@ -39,7 +39,7 @@
 				pixeldrain to upload your files.
 			</p>
 
-			<div class="highlight_dark" style="clear: right;">
+			<div class="highlight_shaded" style="clear: right;">
 				<a href="/misc/sharex/pixeldrain.com.sxcu" class="button button_highlight">
 					<i class="icon small">save</i>
 					Download ShareX Uploader

res/template/fragments/form.html

@@ -1,6 +1,6 @@
 {{define "form"}}
 	{{.PreFormHTML}}
-	<form class="highlight_dark" method="POST">
+	<form class="highlight_shaded" method="POST">
 		{{if eq .Submitted true}}
 			{{if eq .SubmitSuccess true}}
 				<div id="submit_result" class="highlight_green">

res/template/maintenance.html

@@ -9,7 +9,7 @@
 		<img id="header_image" class="header_image" src="/res/img/header_neuropol.png" alt="Header image"/>
 		<br/>
 		<div id='body' class="body">
-			<div id="header" class="highlight_light" style="font-size: 2em; line-height: 1.2em;">
+			<div id="header" class="highlight_shaded" style="font-size: 2em; line-height: 1.2em;">
 				Pixeldrain is under maintenanace
 			</div>
 			<p>

res/template/widgets.html

@@ -18,10 +18,7 @@
 			<h5>Size 5 header</h5>
 			<h6>Size 6 header</h6>
 
-			<div class="highlight_dark">Dark highlight</div>
-			<div class="highlight_middle">Middle highlight</div>
-			<div class="highlight_light">Light highlight</div>
-			<div class="highlight_lighter">Lighter highlight</div>
+			<div class="highlight_shaded">Shaded highlight</div>
 			<br/>
 			Link <a href="#">A link to someplace</a>.
 			<hr/>