Andreas/tracks
1
0
Fork 0
mirror of https://github.com/TracksApp/tracks.git synced 2025-09-21 21:40:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

New colors to replace the heavy black.

Browse source
This commit is contained in:
Jyri-Petteri Paloposki 2020-07-25 14:22:45 +03:00
parent f06d391648
commit 2e9a0d2b4c
5 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/assets/stylesheets/application.scss
View file

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

6
app/assets/stylesheets/colors.scss Normal file
View file

@ -0,0 +1,6 @@
$gray-lighter: lighten(#000, 93.5%);
$brand-primary: #3C6997;
$navbar-inverse-bg: $brand_primary;
$navbar-inverse-color: $gray-lighter;
$navbar-inverse-link-color: $gray-lighter;

14
app/assets/stylesheets/legacy.scss
View file

@ -75,17 +75,11 @@ p {
}
a, a:link, a:active, a:visited {
color: #cc3334;
text-decoration: none;
padding-left: 1px;
padding-right: 1px;
}
a:hover {
color: #fff;
background-color: #cc3334;
}
h1 {
font-size: 304%;
font-weight: bold;
@ -820,12 +814,14 @@ form {
}
#todo_new_action_container, #project_new_project_container, #context_new_container, #recurring_new_container {
background: #ddd;
width: 270px;
padding: 5px 10px;
background-color: #000;
color: #eee;
background-color: #3C6997;
color: lighten(#000, 93.5%);
border-radius: 5px;
a {
color: lighten(#000, 85%);
}
}
#recurring_new_container img {

2
app/assets/stylesheets/login.scss
View file

@ -21,7 +21,7 @@ body {
@include make-sm-column(6);
@include make-sm-column-offset(3);
margin: 2em auto 1em;
background-color: rgba(0, 0, 0, 0.75);
background-color: $brand-primary;
padding: 0 0 1em 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.3);
color: #eaeaea;

2
app/assets/stylesheets/tracks.scss
View file

@ -1,5 +1,5 @@
.navbar {
/* Shows the number of undone next action */
/* Shows the count of undone next actions */
.badge {
color: #fff;
background: #f00;