mirror of
https://github.com/ngoduykhanh/wireguard-ui.git
synced 2025-06-07 00:46:58 +03:00
95 lines
2.5 KiB
CSS
95 lines
2.5 KiB
CSS
@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 {
|
|
background-color: #000000;
|
|
}
|
|
}
|