mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
52 lines
776 B
SCSS
52 lines
776 B
SCSS
// stylelint-disable declaration-no-important
|
|
|
|
@mixin dark-mode {
|
|
|
|
&,
|
|
.modal-content,
|
|
.dropdown-menu {
|
|
color: #afbdd1;
|
|
background: $dark;
|
|
}
|
|
|
|
.dropdown-menu-arrow::after {
|
|
border-bottom-color: $dark;
|
|
}
|
|
|
|
.card,
|
|
.header,
|
|
.sidebar,
|
|
.sidenav,
|
|
.topnav,
|
|
.navbar,
|
|
.form-control,
|
|
.form-select,
|
|
.form-switch .form-check-input,
|
|
.selectgroup-button {
|
|
color: inherit;
|
|
background: rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.text-body {
|
|
color: #afbdd1 !important;
|
|
}
|
|
|
|
.avatar-list-stacked .avatar {
|
|
box-shadow: 0 0 0 2px #2b3648;
|
|
}
|
|
|
|
.navbar-brand-logo {
|
|
filter: brightness(0) invert(1);
|
|
}
|
|
}
|
|
|
|
body.theme-dark {
|
|
@include dark-mode ();
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body.auto-theme-dark {
|
|
@include dark-mode ();
|
|
}
|
|
}
|