cleanup css

web/css/form.css

@@ -1,3 +1,8 @@
+input, select, textarea {
+	background-color: var(--main-input-bg-color);
+	color: var(--main-text-color);
+}
+
 .input-grid {
 	display: grid;
 	gap: 5px 10px;

web/css/style.css

@@ -11,7 +11,6 @@
 		--main-text-color: white;
 		--main-card-bg-color: #202020;
 		--main-card-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 80%), 0 2px 10px 0 rgb(0 0 0 / 80%);
-		--main-table-header-bg-color: black;
 		--main-input-bg-color: #404040;
 	}
 
@@ -20,7 +19,6 @@
 		--main-text-color: black;
 		--main-card-bg-color: white;
 		--main-card-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 20%);
-		--main-table-header-bg-color: #808080;
 		--main-input-bg-color: white;
 	}
 }
@@ -31,7 +29,6 @@
 		--main-text-color: black;
 		--main-card-bg-color: white;
 		--main-card-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 20%);
-		--main-table-header-bg-color: #808080;
 		--main-input-bg-color: white;
 	}
 
@@ -40,18 +37,17 @@
 		--main-text-color: white;
 		--main-card-bg-color: #202020;
 		--main-card-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 80%), 0 2px 10px 0 rgb(0 0 0 / 80%);
-		--main-table-header-bg-color: black;
 		--main-input-bg-color: #404040;
 	}
 }
 
-html {
+* {
 	box-sizing: border-box;
-	background-color: var(--main-bg-color);
+	font-family: monospace;
 }
 
-* {
-	font-family: monospace;
+html {
+	background-color: var(--main-bg-color);
 }
 
 body {
@@ -77,23 +73,6 @@ main {
 	margin-top: 16px;
 }
 
-th {
-	background-color: var(--main-table-header-bg-color);
-}
-
-td {
-	background-color: var(--main-card-bg-color);
-}
-
-input, select, textarea {
-	background-color: var(--main-input-bg-color);
-	color: var(--main-text-color);
-}
-
-img.clickable, svg.clickable {
-	cursor: pointer;
-}
-
 img, svg {
 	height: 1em;
 	width: 1em;
@@ -108,6 +87,10 @@ hr {
 	border-color: var(--main-text-color);
 }
 
+.clickable {
+	cursor: pointer;
+}
+
 .flex {
 	display: flex;
 }

web/templates/backups.go.tmpl

@@ -13,10 +13,6 @@
 				margin: 0px;
 				padding: 0px;
 			}
-			svg {
-				height: 1em;
-				width: 1em;
-			}
 		</style>
 		<div class="w3-row" style="margin-top: 1em; margin-bottom: 1em;">
 			<p class="w3-col l2 m4 s8">{{.TimeFormatted}}</p>

web/templates/resource-chart.go.tmpl

@@ -4,10 +4,6 @@
 		<link rel="stylesheet" href="modules/w3.css">
 		<link rel="stylesheet" href="css/style.css">
 		<style>
-			* {
-				box-sizing: border-box;
-				font-family: monospace;
-			}
 			#container{
 				margin: 0;
 				width: 100%;