Improve dark theme

This commit is contained in:
Matthias 2020-12-28 20:54:15 +01:00
parent c6f0cf2bc1
commit 8119c3a392
2 changed files with 14 additions and 0 deletions

View File

@ -1,3 +1,4 @@
// Overwrite bootstrap scss variables // Overwrite bootstrap scss variables
// $body-bg: rgb(42, 42, 49); // $body-bg: rgb(42, 42, 49);
$font-size-base: 0.9rem; $font-size-base: 0.9rem;
$primary: #0089a1

View File

@ -37,9 +37,22 @@
// color: $fg-color; // color: $fg-color;
// // background: $bg-dark; // // background: $bg-dark;
// } // }
.nav-tabs {
border-bottom: 1px solid lighten($bg-dark, 20%);
.nav-link
{
color: $primary;
&:hover {
border-color: lighten($bg-dark, 5%);
color: lighten($primary, 10%);
}
}
}
.nav-link.active { .nav-link.active {
color: $fg-color; color: $fg-color;
background: $bg-darker; background: $bg-darker;
border-color: lighten($bg-dark, 20%);
} }
.modal-content { .modal-content {
color: $fg-color; color: $fg-color;