jostreff/wireguard-ui
1
0
Fork 0
mirror of https://github.com/ngoduykhanh/wireguard-ui.git synced 2025-06-07 00:46:58 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge f367cc6a2b into 2fdafd34ca

Browse source
This commit is contained in:
Sam Gleske 2025-05-08 21:20:41 -04:00 • committed by GitHub
commit 34d47f5223
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 100 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

95
custom/css/darkmode.css Normal file
View file

@ -0,0 +1,95 @@
@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] {
background-color: #bfbfbf;
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;
}
.login-logo a, .register-logo a {
color: #dc3545;
}
/* subnet range dropdown */
.select2-results__option, .select2-search__field, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered {
/*
background-color: #bfbfbf;
color: #000000;
*/
background-color: #495057;
color: #ffffff;
}
/* search bar at the top of the page */
.navbar-light .btn-navbar, .navbar-light .form-control-navbar {
background-color: #bfbfbf;
}
/* active connections */
.table-success {
color: #000000;
}
}

2
init.sh
View file

@ -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 $!

2
templates/base.html
View file

@ -27,6 +27,8 @@
<link rel="stylesheet" href="{{.basePath}}/static/dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<!-- Custom css -->
<link rel="stylesheet" href="{{.basePath}}/static/custom/css/darkmode.css">
<!-- START: On page css -->
{{template "top_css" .}}

2
templates/login.html
View file

@ -20,6 +20,8 @@
<link rel="stylesheet" href="{{.basePath}}/static/dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<!-- Custom css -->
<link rel="stylesheet" href="{{.basePath}}/static/custom/css/darkmode.css">
</head>
<body class="hold-transition login-page">