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

Add grey shades

This commit is contained in:
kolaente 2021-01-22 20:23:34 +01:00
parent b2098d65fd
commit faa782d297
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
4 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/components/list.scss
View File

@ -48,7 +48,7 @@
}
.icon {
color: $grey-almost-light;
color: $grey-400;
margin-left: 1rem;
height: 1rem;
width: 1rem;

17
src/styles/theme/colors.scss Normal file
View File

@ -0,0 +1,17 @@
$grey-100: #F3F4F6;
$grey-200: #E5E7EB;
$grey-300: #D1D5DB;
$grey-400: #9CA3AF;
$grey-500: #6B7280;
$grey-600: #4B5563;
$grey-700: #374151;
$grey-800: #1F2937;
$grey-900: #111827;
// Bulma defaults
$grey-dark: $grey-800;
$grey-darker: $grey-700;
$grey: $grey-500;
$grey-light: $grey-300;
$grey-lighter: $grey-200;
$grey-lightest: $grey-100;

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

@ -321,7 +321,7 @@
}
.icon {
color: $grey-almost-light;
color: $grey-400;
}
}

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

@ -1,3 +1,5 @@
@import 'colors';
$black: hsl(0, 0%, 4%) !default;
$orange: #ff851b;
$green: #00db60;
@ -5,8 +7,6 @@ $red: #ff4136;
$blue: #1973ff;
$primary: $blue;
$dark: lighten($black, 8);
$grey: hsl(0, 0%, 48%);
$grey-almost-light: hsl(0, 0%, 57%);
$info-invert: #fff;
$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;