98 lines
2 KiB
CSS
98 lines
2 KiB
CSS
/*!
|
|
* Dark Mode Switch v1.0.1 (https://github.com/coliff/dark-mode-switch)
|
|
* Copyright 2021 C.Oliff
|
|
* Licensed under MIT (https://github.com/coliff/dark-mode-switch/blob/main/LICENSE)
|
|
*/
|
|
|
|
[data-theme="dark"], [data-theme="dark"] .modal-content {
|
|
background-color: #222 !important;
|
|
color: #eee;
|
|
}
|
|
|
|
[data-theme="dark"] a {
|
|
color: #6599e9;
|
|
}
|
|
|
|
[data-theme="dark"] a.btn {
|
|
color: #fff;
|
|
}
|
|
|
|
[data-theme="dark"] a.nav-link.text-dark, [data-theme="dark"] label.custom-control-label {
|
|
color: #eee !important;
|
|
}
|
|
|
|
[data-theme="dark"] a.navbar-brand {
|
|
color: #eee !important;
|
|
}
|
|
|
|
[data-theme="dark"] .border-bottom {
|
|
border-bottom: 1px solid #1c1c1c !important;
|
|
}
|
|
|
|
[data-theme="dark"] .border-top {
|
|
border-top: 1px solid #1c1c1c !important;
|
|
}
|
|
|
|
[data-theme="dark"] .table td, [data-theme="dark"] .table th {
|
|
padding: 0.75rem;
|
|
vertical-align: top;
|
|
border-top: 1px solid #3d3d3d;
|
|
color: #eee !important;
|
|
}
|
|
|
|
[data-theme="dark"] .table thead th {
|
|
vertical-align: bottom;
|
|
border-bottom: 2px solid #4b4b4b;
|
|
}
|
|
|
|
[data-theme="dark"] .form-control:disabled, [data-theme="dark"] .form-control[readonly] {
|
|
background-color: #181818;
|
|
color: #b6b6b6;
|
|
opacity: 1;
|
|
}
|
|
|
|
[data-theme="dark"] .form-control {
|
|
background-color: #222;
|
|
border-color: #4f4f4f;
|
|
opacity: 1;
|
|
color: #eee;
|
|
}
|
|
|
|
[data-theme="dark"] .form-control:focus {
|
|
color: #eee;
|
|
background-color: #222;
|
|
border-color: #42659d;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%);
|
|
}
|
|
|
|
[data-theme="dark"] .input-group-text {
|
|
background-color: #181818;
|
|
color: #b6b6b6;
|
|
border-color: #4f4f4f;
|
|
}
|
|
|
|
[data-theme="dark"] .modal-header {
|
|
border-bottom: 1px solid #383838;
|
|
color: #b6b6b6;
|
|
}
|
|
|
|
[data-theme="dark"] .modal-footer {
|
|
border-top: 1px solid #383838;
|
|
color: #b6b6b6;
|
|
}
|
|
|
|
[data-theme="dark"] .close {
|
|
color: #bebdbd;
|
|
}
|
|
|
|
[data-theme="dark"] .close:hover {
|
|
color: #d5d5d5;
|
|
}
|
|
|
|
.notransition, .notransition::before, .notransition::after {
|
|
-webkit-transition: none !important;
|
|
-moz-transition: none !important;
|
|
-o-transition: none !important;
|
|
transition: none !important;
|
|
} |