mobilizon.chapril.org-mobilizon/js/src/variables.scss

@import "~bulma/sass/utilities/functions.sass";
@import "~bulma/sass/utilities/initial-variables.sass";
@import "~bulma/sass/utilities/derived-variables.sass";
// chapril colors
$chapril_blue: #2e5281;
$chapril_blue_light: #bcd0e5;
$chapril_orange: #ff5e00;
$chapril_grey: #5f5f5f;
// other
$bleuvert: #1e7d97;
$jaune: #ffd599;
$violet: #424056;

/**
 * Text body, paragraphs
 */
$violet-1: #3a384c;
$violet-2: #474467;

/**
 * Titles, dark borders, buttons
 */
$violet-3: #3c376e;

/**
 * Borders
 */
$borders: mix($chapril_blue, #d7d6de);
$backgrounds: mix($chapril_blue, #ecebf2);

/**
 * Text
 */
$purple-1: mix($chapril_blue, #757199);

/**
 * Background
 */
$purple-2: mix($chapril_blue, #cdcaea);
$purple-3: mix($chapril_blue, #e6e4f4);

$orange-2: mix($chapril_blue, #ed8d07);
$orange-3: mix($chapril_blue, #d35204);

$yellow-1: mix($chapril_blue, #fff1e8);
$yellow-2: mix($chapril_blue, #fff1de);
$yellow-3: mix($chapril_blue, #fff8f6);
$yellow-4: mix($chapril_blue, #b4f0ff);

$primary: $chapril_blue;
$primary-invert: findColorInvert($primary);
$secondary: lighten($chapril_blue, 20%);
$secondary-invert: findColorInvert($secondary);

$background-color: mix($chapril_blue, $violet-2);
$background-color-darker: darken($background-color,10%);

$success: mix($chapril_blue, #0d8758);
$success-invert: findColorInvert($success);
$info: mix($chapril_blue, #36bcd4);
$info-invert: findColorInvert($info);
$danger: mix($chapril_blue, #ff2e54);
$danger-invert: findColorInvert($danger);
$link: $primary;
$link-invert: $primary-invert;
$text: mix($chapril_blue, $violet-1);

$colors: map-merge(
                $colors,
                (
                        "primary": (
                                $primary,
                                $primary-invert,
                        ),
                        "secondary": (
                                $secondary,
                                $secondary-invert,
                        ),
                        "success": (
                                $success,
                                $success-invert,
                        ),
                        "info": (
                                $info,
                                $info-invert,
                        ),
                        "danger": (
                                $danger,
                                $danger-invert,
                        ),
                        "link": (
                                $link,
                                $link-invert,
                        ),
                )
);

// Navbar
$navbar-background-color: $secondary;
$navbar-item-color: $background-color;
$navbar-height: 4rem;

// Footer
$footer-padding: 3rem 1.5rem 1rem;
$footer-background-color: $violet-2;

$body-background-color: mix( $chapril_blue, #efeef4);
$fullhd-enabled: false;
$hero-body-padding-medium: 6rem 1.5rem;

$title-color: $chapril_blue;
$title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
serif;
$title-weight: 700;
$title-size: 40px;
$title-sub-size: 45px;
$title-sup-size: 30px;

$subtitle-color: $chapril_grey;
$subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
serif;
$subtitle-weight: 400;
$subtitle-size: 32px;
$subtitle-sub-size: 30px;
$subtitle-sup-size: 15px;

//$input-border-color: #dbdbdb;
$breadcrumb-item-color: $primary;
$checkbox-background-color: #fff;
$title-color: $chapril_blue;