Add theme selector to preferences and return the previous black theme as an alternative

This commit is contained in:
Jyri-Petteri Paloposki 2020-08-20 02:37:55 +03:00
parent 2e9a0d2b4c
commit 9982217ee9
18 changed files with 64 additions and 22 deletions

View file

@ -0,0 +1,12 @@
$gray-lighter: #EEE;
$brand-primary: rgba(0, 0, 0, 0.75);
$navbar-inverse-bg: $brand_primary;
$navbar-inverse-color: $gray-lighter;
$navbar-inverse-link-color: $gray-lighter;
$link-color: #CC3334;
$link-hover-color: #FFF;
$link-bgcolor: $link-color;
$box-tablink-color: unset;
// Import all components
@import 'manifest';

View file

@ -75,11 +75,17 @@ p {
}
a, a:link, a:active, a:visited {
color: $link-color;
text-decoration: none;
padding-left: 1px;
padding-right: 1px;
}
a:hover {
color: $link-hover-color;
background-color: $link-bgcolor;
}
h1 {
font-size: 304%;
font-weight: bold;
@ -816,11 +822,11 @@ form {
#todo_new_action_container, #project_new_project_container, #context_new_container, #recurring_new_container {
width: 270px;
padding: 5px 10px;
background-color: #3C6997;
color: lighten(#000, 93.5%);
background-color: $brand-primary;
color: $gray-lighter;
border-radius: 5px;
a {
color: lighten(#000, 85%);
color: $box-tablink-color;
}
}

View file

@ -3,4 +3,10 @@ $brand-primary: #3C6997;
$navbar-inverse-bg: $brand_primary;
$navbar-inverse-color: $gray-lighter;
$navbar-inverse-link-color: $gray-lighter;
$link-color: unset;
$link-hover-color: unset;
$link-bgcolor: unset;
$box-tablink-color: lighten(#000, 85%);
// Import all components
@import 'manifest';

View file

@ -28,8 +28,6 @@
}
.bootstrap {
@import "colors";
@import "bootstrap-sprockets";
@import "bootstrap";
@import "tracks-logo";