funky-framadate-front/src/assets/scss/variables.scss

32 lines
823 B
SCSS
Raw Normal View History

@charset "UTF-8";
2019-08-11 17:06:07 +02:00
// colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154
$camo: #839546;
$black: #000000;
2019-09-06 10:34:12 +02:00
$ugly-purple: #b24eb7;
$lavender-pink : #e9bdeb;
2019-08-11 17:06:07 +02:00
$white: #ffffff;
$dark-lavender: #7d6c99;
$dusty-orange: #f18647;
$violet: #bd10e0;
2019-08-12 22:20:53 +02:00
$red: #cd0000;
2019-10-01 18:32:24 +02:00
$cool-grey: #aeafb1;
2019-10-03 18:36:06 +02:00
$warm-grey:#807e7e;
2019-10-07 19:17:51 +02:00
$wisteria:#bf83c2;
$pale-purple:#d198d4;
2019-08-11 17:06:07 +02:00
// interpretations in app
2019-09-06 10:34:12 +02:00
$primary_color: $ugly-purple;
$secondary_color: $lavender-pink;
2019-08-11 17:06:07 +02:00
$font_color: $black;
$logo_color: $dark-lavender;
$logo_color_2: $camo;
$legend_color: $dark-lavender;
$legend_color_2: $dusty-orange;
2019-10-01 18:32:24 +02:00
$choice_select_border_color: $cool-grey;
2019-10-03 18:36:06 +02:00
$hover-color:$warm-grey;
2019-10-07 19:17:51 +02:00
$clicked-color:$wisteria;
$mini-button-color:$pale-purple;
2019-08-12 11:53:13 +02:00
// FONT
$default_font : "pt_sans";
2019-09-06 10:34:12 +02:00
$title_font: "proza_libre";