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

This commit is contained in:
DarkCat09 2024-05-28 13:52:16 +04:00
parent 312a688c89
commit 3e13001835
Signed by: DarkCat09
GPG key ID: 0A26CD5B3345D6E3

View file

@ -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;
}