From 6d9541f0bdc20655d838e09db95c9f7f480870b8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Phillip=20K=C3=BChne?= Date: Thu, 30 Mar 2023 03:24:45 +0200 Subject: [PATCH] Add Dark Mode --- backend/static/css/style.css | 52 ++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) diff --git a/backend/static/css/style.css b/backend/static/css/style.css index b7088b6..9471e87 100644 --- a/backend/static/css/style.css +++ b/backend/static/css/style.css @@ -74,4 +74,56 @@ table td:first-child { .admincontrols { display: none; } +} + +@media (prefers-color-scheme: dark) { + + body { + background-color: #121212; + color: #f5f5f5; + } + + .footer { + background-color: #232323; + } + + .modal-content { + background-color: #121212; + color: #f5f5f5; + } + + .modal-header { + background-color: #121212; + color: #f5f5f5; + border-color: #232323; + } + + .modal-footer { + background-color: #121212; + color: #f5f5f5; + border-color: #232323; + } + + .form-control { + background-color: #343434; + color: #f5f5f5; + } + + .form-control:focus { + background-color: #343434; + color: #f5f5f5; + } + + .table td, .table th { + border-color: #232323; + } + + .table thead th { + border-color: #232323; + } + + .close { + color: #f5f5f5; + } + } \ No newline at end of file