mirror of
https://github.com/TracksApp/tracks.git
synced 2025-12-16 15:20:13 +01:00
Add theme selector to preferences and return the previous black theme as an alternative
This commit is contained in:
parent
2e9a0d2b4c
commit
9982217ee9
18 changed files with 64 additions and 22 deletions
12
app/assets/stylesheets/black.scss
Normal file
12
app/assets/stylesheets/black.scss
Normal 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';
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
|
@ -28,8 +28,6 @@
|
|||
}
|
||||
|
||||
.bootstrap {
|
||||
@import "colors";
|
||||
|
||||
@import "bootstrap-sprockets";
|
||||
@import "bootstrap";
|
||||
@import "tracks-logo";
|
||||
Loading…
Add table
Add a link
Reference in a new issue