perf(web): switch to dark theme

web/public/css/tfm.css

@@ -49,7 +49,7 @@ main {
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
-	background-color: #eee;
+	background-color: #334;
 	box-shadow: 0 0 0.5vw black;
 	border-radius: 16px;
 	margin: 10px;
@@ -170,17 +170,17 @@ form {
 	right: 0;
 	bottom: 0;
 	left: 0;
-	background-color: #0000;
-}
-
-.sasa:hover .overlay {
 	background-color: #0002;
 }
 
-.sasa.selected .overlay {
+.sasa:hover .overlay {
 	background-color: #0004;
 }
 
+.sasa.selected .overlay {
+	background-color: #0006;
+}
+
 .tanzaku {
 	margin: 5px;
 	padding: 7px;
@@ -191,11 +191,11 @@ form {
 
 .tanzaku:hover,
 .tanzaku.selected:hover {
-	background-color: #0004;
+	background-color: #0006;
 }
 
 .tanzaku.selected {
-	background-color: #0002;
+	background-color: #0004;
 }
 
 .button-flex {
@@ -206,5 +206,5 @@ form {
 	right: 0;
 	margin: 0;
 	padding: .5rem 0;
-	background-color: #eee;
+	background-color: #334;
 }