From 3e130018355daaebbf9f331c091b7f929b53472d Mon Sep 17 00:00:00 2001
From: DarkCat09 <gh@dc09.ru>
Date: Tue, 28 May 2024 13:52:16 +0400
Subject: [PATCH] CSS: fix <pre> wrap, add dark theme, colored log

---
 frontend/style.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/frontend/style.css b/frontend/style.css
index 2f785f6..8cee141 100644
--- a/frontend/style.css
+++ b/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;
+}