vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Make sure to only use dark shades for scrollbars and navigation

This commit is contained in:
kolaente 2021-01-23 15:05:04 +01:00
parent 326ce5a8ec
commit 59db199aba
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
3 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/components/base/scrollbars.scss
View File

@ -6,17 +6,13 @@
::-webkit-scrollbar-track {
background: $scrollbar-track-color;
border-radius: 10px;
border-radius: .5rem;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
border-radius: .5rem;
background: $scrollbar-thumb-color;
-webkit-transition: background-color $transition;
-moz-transition: background-color $transition;
-ms-transition: background-color $transition;
-o-transition: background-color $transition;
transition: background-color $transition;
transition: all $transition;
&:hover {
background: $scrollbar-hover-color;

4
src/styles/theme/navigation.scss
View File

@ -138,7 +138,7 @@
font-weight: 700;
font-weight: bold;
font-family: $vikunja-font;
color: $grey-500;
color: $vikunja-nav-color;
font-weight: 500;
min-height: 2.5em;
padding-top: 0;
@ -357,7 +357,7 @@
}
.logout-icon {
color: lighten($black, 10);
color: $grey-900;
.icon {
vertical-align: middle;

16
src/styles/theme/variables.scss
View File

@ -6,29 +6,29 @@ $green: #00db60;
$red: #ff4136;
$blue: #1973ff;
$primary: $blue;
$dark: lighten($black, 8);
$dark: $grey-900;
$info-invert: #fff;
$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
$thickness: 1px;
$pagination-current-border: darken($primary, 5);
$pagination-current-border: $primary;
$navbar-item-active-color: $primary;
$dropdown-content-shadow: none;
$navbar-dropdown-boxed-shadow: $dropdown-content-shadow;
$bulmaswatch-import-font: false !default;
$light-background: #F1F5F8;
$light-background: $grey-100;
$transition-duration: 100ms;
$flash-background-duration: 750ms;
$transparent-background-light: rgba($light-background, 0.9);
$vikunja-font: 'Quicksand', sans-serif;
$vikunja-light-text: darken(#fff, 10%);
$vikunja-light-text: $grey-100;
$vikunja-blue: #7F23FF; // #7F23FF; // #5974d9
$vikunja-green: #4DB788;
$navbar-padding: 2em;
$vikunja-nav-background: $light-background;
$vikunja-nav-color: lighten($black, 25);
$vikunja-nav-color: $grey-800;
$vikunja-nav-selected-width: 0.4em;
$transition-duration: 150ms;
@ -42,9 +42,9 @@ $multiselect-highlight-negative: $red;
$multiselect-disabled: darken(#fff, 40);
$scrollbar-height: 8px;
$scrollbar-track-color: lighten($dark, 65);
$scrollbar-thumb-color: lighten($dark, 40);
$scrollbar-hover-color: lighten($dark, 30);
$scrollbar-track-color: $grey-300;
$scrollbar-thumb-color: $grey-500;
$scrollbar-hover-color: $grey-700;
$button-height: 2.648em;