0b2dde0bff
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
160 lines
3.3 KiB
SCSS
160 lines
3.3 KiB
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;
|
|
$white: mix(#fff, #bcd0e5);
|
|
$whitest: #fff;
|
|
$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, #cd2026);
|
|
$danger-invert: findColorInvert($danger);
|
|
$link: $primary;
|
|
$link-invert: $primary-invert;
|
|
$text: mix($chapril_blue, $violet-1);
|
|
$grey: #757575;
|
|
|
|
$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,
|
|
),
|
|
"grey": (
|
|
$grey,
|
|
findColorInvert($grey),
|
|
),
|
|
)
|
|
);
|
|
|
|
// 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;
|
|
$footer-text-color: mix(#000, $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;
|
|
|
|
.subtitle {
|
|
background: $secondary;
|
|
display: inline;
|
|
padding: 3px 8px;
|
|
margin: 15px auto 30px;
|
|
}
|
|
|
|
//$input-border-color: #dbdbdb;
|
|
$breadcrumb-item-color: $primary;
|
|
$checkbox-background-color: #fff;
|
|
$title-color: $chapril_blue;
|
|
|
|
:root {
|
|
--color-primary: 30 125 151;
|
|
--color-secondary: 255 213 153;
|
|
--color-violet-title: 66 64 86;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--color-primary: 30 125 151;
|
|
--color-secondary: 255 213 153;
|
|
--color-violet-title: 66 64 86;
|
|
}
|
|
}
|