diff --git a/custom/css/darkmode.css b/custom/css/darkmode.css
new file mode 100644
index 0000000..fa8f687
--- /dev/null
+++ b/custom/css/darkmode.css
@@ -0,0 +1,81 @@
+@media (prefers-color-scheme: dark) {
+ body, body.login-page, div.info-box {
+ background-color: #343a40;
+ color: #ffffff;
+ }
+ .main-header, .main-sidebar, .control-sidebar {
+ background-color: #212529;
+ color: #ffffff;
+ }
+ .content-wrapper {
+ background-color: #495057;
+ }
+ /* Add more style overrides for other AdminLTE elements as needed */
+ .card {
+ background-color: #343a40;
+ color: #ffffff;
+ }
+ .card-header {
+ background-color: #212529;
+ color: #ffffff;
+ }
+ a {
+ color: #bb86fc;
+ }
+ a:hover {
+ color: #3700b3;
+ }
+ .modal-content {
+ background-color: #212529;
+ color: #ffffff;
+ }
+ /* Example for table elements */
+ .table {
+ color: #ffffff;
+ }
+ .table thead th {
+ border-bottom-color: #6c757d;
+ color: #ffffff;
+ }
+ .table-bordered, .table-bordered td, .table-bordered th {
+ border-color: #6c757d;
+ }
+ .table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(255, 255, 255, 0.05);
+ }
+ /* input boxes */
+ .modal-content > input, .modal-content > input::placeholder, div.tagsinput, .modal-content > select, input.form-control {
+ background-color: #495057;
+ color: #ffffff;
+ }
+ /* login page */
+ html body.login-page div.login-box div.card div.card-body.login-card-body {
+ background-color: #202326;
+ color: #bfbfbf;
+ }
+ html body.login-page div.login-box div.card div.card-body.login-card-body form div.row div.col-8 div.icheck-primary label {
+ color: #0069d9;
+ }
+ /* disabled forms */
+ .form-control:disabled, .form-control[readonly] {
+ color: #000000;
+ }
+ /*
+ .modal-content > input#client_allowed_ips_tag {
+ color: #ffffff;
+ }*/
+ /* mobile hamburger */
+ .navbar-light .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, .75);
+ }
+ .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
+ color: #007bff;
+ }
+ html body.login-page div.login-box div.login-logo a {
+ color: #dc3545;
+ }
+ /* subnet range dropdown */
+ body.sidebar-mini.modal-open span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results ul#select2-subnet_ranges-results.select2-results__options li#select2-subnet_ranges-result-5jm4-DMZ Network.select2-results__option {
+ color: #000000;
+ }
+}
diff --git a/init.sh b/init.sh
index 08b98e8..a66e157 100755
--- a/init.sh
+++ b/init.sh
@@ -18,6 +18,6 @@ case $WGUI_MANAGE_RESTART in (1|t|T|true|True|TRUE)
done &
esac
-
./wg-ui &
+trap 'kill 0; exit 0;' SIGTERM INT EXIT
wait $!
diff --git a/templates/base.html b/templates/base.html
index 3640699..9737961 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -27,6 +27,8 @@
+
+
{{template "top_css" .}}
diff --git a/templates/login.html b/templates/login.html
index c0a96b9..d2aa167 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -20,6 +20,8 @@
+
+