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

62 lines
1.4 KiB
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
2020-11-09 12:44:24 +01:00
$green: #64d16e;
2019-08-11 17:06:07 +02:00
$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;
$warm-grey: #807e7e;
$wisteria: #bf83c2;
$pale-purple: #d198d4;
2020-04-21 10:50:26 +02:00
$purple: #8a4d76;
$pink: #fa7c91;
$brown: #757763;
$beige-light: #d0d1cd;
$beige-lighter: #eff0eb;
2021-10-14 09:34:20 +02:00
// DINUM colors
$d-primary: #3e3882; // bleu 800
$d-primary-intense: #6359cf; // bleu 600
$d-grey: #f6f5fd; // bleu 30
$d-neutral: #767486; // bleu 30
$d-alt: #a9607f;
$d-info: #ecf4ff;
$d-info-text: #316ec7;
$d-success: #ecfff5;
$d-success-text: #128149;
$d-warning: #dcd3bb;
$d-warning-text: #86671b;
$d-error: #ffecee;
$d-error-text: #d51b38;
2019-08-11 17:06:07 +02:00
// interpretations in app
2021-10-14 09:34:20 +02:00
$primary_color: $d-primary;
$primary: $d-primary;
$secondary_color: $d-primary-intense;
2019-08-11 17:06:07 +02:00
$font_color: $black;
2021-10-14 09:34:20 +02:00
$logo_color: $d-primary;
$logo_color_2: $d-primary-intense;
$legend_color: $d-info-text;
$legend_color_2: $d-info;
$choice_select_border_color: $d-info;
$hover-color: $warm-grey;
2020-04-21 10:50:26 +02:00
$grey-dark: $warm-grey;
$grey-light: $beige-light;
2021-10-14 09:34:20 +02:00
$clicked-color: $d-primary;
$mini-button-color: $d-primary-intense;
$warning: $d-warning;
$danger: $d-error;
$success: $d-success;
2020-04-21 10:50:26 +02:00
$default_font: 'pt_sans';
2020-04-21 10:50:26 +02:00
$title_font: 'proza_libre', 'Brie Light', 'Arial', 'DejaVu Sans Mono';