Implement dark theme (#49)

This commit is contained in:
Sascha Ißbrücker
2021-03-28 12:11:56 +02:00
committed by GitHub
parent 3e5e825032
commit 119d8f7efb
28 changed files with 314 additions and 83 deletions

View File

@@ -0,0 +1,27 @@
/* Dark theme overrides */
/* Buttons */
.btn.btn-primary {
background: $dt-primary-button-color;
border-color: darken($dt-primary-button-color, 5%);
&:hover, &:active, &:focus {
background: darken($dt-primary-button-color, 5%);
border-color: darken($dt-primary-button-color, 10%);
}
}
/* Focus ring*/
a:focus, .btn:focus {
box-shadow: 0 0 0 .1rem rgba($primary-color, .5);
}
/* Forms */
.has-error .form-input, .form-input.is-error, .has-error .form-select, .form-select.is-error {
background: darken($error-color, 40%);
}
/* Pagination */
.pagination .page-item.active a {
background: $dt-primary-button-color;
}