98 lignes
1.7 KiB
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);
|