benevalibre/assets/scss/abstracts/_variables-bootstrap.scss

98 lignes
1.7 KiB
SCSS

// -----------------------------------------------------------------------------
// Bootstrap's configuration for the application
// -----------------------------------------------------------------------------
// see: ../../node_modules/bootstrap/scss/_variables.scss
// Color system
// The color palette is generated with:
// https://palx.jxnblk.com/
$white: #fff;
$gray-100: #f0ecee;
$gray-200: #e5dee2;
$gray-300: #dad0d5;
$gray-400: #cec0c6;
$gray-500: #c0aeb6;
$gray-600: #b099a4;
$gray-700: #9d818e;
$gray-800: #816471;
$gray-900: #4b3a42;
$black: #000;
$blue: #1f78dd;
$indigo: #251fdd;
$purple: #841fdd;
$pink: #dd1f76;
$red: #dd251f;
$orange: #dd841f;
$yellow: #ffcb00;
$green: #1fdd25;
$teal: #1fdd84;
$cyan: #1fd7dd;
$primary: $pink;
$secondary: $yellow;
// Add 'error' as an alternative to 'danger' since it is used by Django.
$theme-colors: (
"error": $red
);
// Options
$enable-validation-icons: false;
// Body
$body-bg: #474747;
$body-color: #ddd;
// Fonts
// stylelint-disable-next-line value-keyword-case
$font-family-sans-serif: "Open Sans", Arial, sans-serif;
$font-weight-normal: 400;
$font-weight-semibold: 600;
$font-weight-bold: 700;
$headings-font-weight: $font-weight-semibold;
// Buttons + Forms
$input-btn-focus-width: 0;
// Jumbotron
$jumbotron-color: $gray-900;
$jumbotron-bg: $gray-200;
// Cards
$card-cap-color: $gray-900;
$card-cap-bg: rgba($black, .03);
$card-color: $card-cap-color;
$card-bg: $white;
// List group
$list-group-color: $card-color;
$list-group-bg: $card-bg;
$list-group-action-hover-color: $card-color;
// Modals
$modal-content-color: $card-color;
$modal-content-bg: $card-bg;
// Alerts
$alert-bg-level: -5;
$alert-border-level: -4;
// Close
$close-text-shadow: 0 1px 0 rgba($white, .125);