@import "~bulma/sass/utilities/_all"; $bleuvert: #1e7d97; $jaune: #ffd599; $violet: #424056; $primary: $bleuvert; $primary-invert: findColorInvert($primary); //$secondary: #ffcc85; $secondary: $jaune; $secondary-invert: findColorInvert($secondary); $background-color: $violet; $success: #0eccaf; $success-invert: findColorInvert($success); $info: #36bcd4; $info-invert: findColorInvert($info); $danger: #ff7061; $danger-invert: findColorInvert($danger); $link: $primary; $link-invert: $primary-invert; $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: $background-color; $body-background-color: #efeef4; $fullhd-enabled: false; $hero-body-padding-medium: 6rem 1.5rem; main > .container { background: $body-background-color; } $title-color: #3c376e; $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: #3a384c; $subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif; $subtitle-weight: 400; $subtitle-size: 32px; $subtitle-sub-size: 30px; $subtitle-sup-size: 15px; .title { margin: 30px auto 45px; } .subtitle { background: $secondary; display: inline; padding: 3px 8px; margin: 15px auto 30px; } $input-border-color: #dbdbdb; $breadcrumb-item-color: $primary; $checkbox-background-color: #fff;