diff --git a/static/style.css b/static/style.css
index 080903b5b016367538dcd2ab81707d81ed5d93ad..8cdd6242a097241e4ee1df9d0153f7225120ce8d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -233,57 +233,57 @@ src: local('Roboto Light'), local('Roboto-Light'), url(/static/roboto-light.woff
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
-@media (prefers-color-scheme: dark) {
- body {
+@media (prefers-color-scheme: dark) { /* Settings for darkmode */
+ body { /* background of the main page */
background: #151d28;
}
- .form{
+ .form{ /* background and text color of the "window" in the center */
background: #1a2332;
color: #b3b3b3;
}
- .form input{
+ .form input{ /* style of the text input box (same color as form, but a brighter border) */
background: #1a2332;
- border: solid;
- border-color: #212a39;
+ border: solid #212a39;
color: #b3b3b3;
}
- .form select{
+ .form select{ /* style of the domain select box (same color as form, but a brighter border) */
background: #1a2332;
border: solid;
border-color: #212a39;
color: #b3b3b3;
}
- .form button{
+ .form button{ /* color of the big button */
background: #1cb09a;
+ color: #b3b3b3;
}
- .form button:hover,.form button:active,.form button:focus {
+ .form button:hover,.form button:active,.form button:focus { /* color of the button, if its hovered */
background: #189684;
color: #b3b3b3;
}
- a {
+ a { /* color of hyperlinks */
color: #1cb09a;
text-decoration: none;
}
- #loginbar {
+ #loginbar { /* loginbar style (background and text color) */
background-color: #1a2332;
color: #b3b3b3;
}
- #loginbar a{
+ #loginbar a{ /* hyperlinks in login bar are not marked special */
color: #b3b3b3;
}
- #snackbar {
+ #snackbar { /* style options of the snackbar (bottom left) */
background-color: #1a2332;
color: #b3b3b3;
}
- table#t01 th {
+ table#t01 th { /*text color configuration of the table */
color: #b3b3b3;
}
- table#t01 tr:nth-child(even) {
+ table#t01 tr:nth-child(even) { /* background color of the table entries (alternately bright and dark) */
background-color: #151c29;
color: #b3b3b3;
}