46 lines
1.1 KiB
SCSS
46 lines
1.1 KiB
SCSS
@charset "UTF-8";
|
|
|
|
// colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154
|
|
$green: #64d16e;
|
|
$black: #000000;
|
|
$ugly-purple: #b24eb7;
|
|
$lavender-pink: #e9bdeb;
|
|
$white: #ffffff;
|
|
$dark-lavender: #7d6c99;
|
|
$dusty-orange: #f18647;
|
|
$violet: #bd10e0;
|
|
$red: #cd0000;
|
|
$cool-grey: #aeafb1;
|
|
$warm-grey: #807e7e;
|
|
$wisteria: #bf83c2;
|
|
$pale-purple: #d198d4;
|
|
|
|
$purple: #8a4d76;
|
|
$pink: #fa7c91;
|
|
$brown: #757763;
|
|
$beige-light: #d0d1cd;
|
|
$beige-lighter: #eff0eb;
|
|
|
|
// interpretations in app
|
|
$primary_color: $ugly-purple;
|
|
$primary: $ugly-purple;
|
|
$secondary_color: $lavender-pink;
|
|
$font_color: $black;
|
|
$logo_color: $dark-lavender;
|
|
$logo_color_2: $green;
|
|
$legend_color: $dark-lavender;
|
|
$legend_color_2: $dusty-orange;
|
|
$choice_select_border_color: $cool-grey;
|
|
$hover-color: $warm-grey;
|
|
$grey-dark: $warm-grey;
|
|
$grey-light: $beige-light;
|
|
$clicked-color: $wisteria;
|
|
$mini-button-color: $pale-purple;
|
|
$warning: $dusty-orange;
|
|
$danger: $red;
|
|
$success: $green;
|
|
|
|
// FONT
|
|
$default_font: 'pt_sans';
|
|
$title_font: 'proza_libre', 'Brie Light', 'Arial', 'DejaVu Sans Mono';
|