CSS: fix <pre> wrap, add dark theme, colored log

frontend/style.css

@@ -8,6 +8,9 @@ body {
   row-gap: 0.375rem;
 
   font-family: 'Noto Sans', 'Roboto', 'Ubuntu', sans-serif;
+
+  background: #111118;
+  color: #eee;
 }
 
 #items-container {
@@ -18,3 +21,36 @@ body {
 
   margin: 0.25rem 0;
 }
+
+pre {
+  max-width: 50rem;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.log-warning {
+  color: #d79f21;
+}
+
+.log-error {
+  color: #d9214a;
+}
+
+input, select, button {
+  background: #111118;
+  color: #eee;
+  outline: none;
+  border: none;
+  border-bottom: 1px solid #eee;
+  font-size: 1rem;
+}
+
+input:hover, select:hover, button:hover {
+  background: #444451;
+}
+
+button {
+  border: 1px solid #eee;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}