src/assets/css/themes/_variables.litely.scss

   1 @import "../../../../node_modules/bootstrap-v4/scss/functions";
   2 @import "../../../../node_modules/bootstrap-v4/scss/variables";
   3
   4 // Colors
   5 $gray-200: #e9ecef;
   6 $gray-600: #6c757d;
   7 $gray-700: #495057;
   8 $gray-800: #343a40;
   9 $gray-900: #212529;
  10
  11 $grays: (
  12   "gray-200": $gray-200,
  13   "gray-600": $gray-600,
  14   "gray-700": $gray-700,
  15   "gray-800": $gray-800,
  16   "gray-900": $gray-900,
  17 );
  18
  19 $black: #222;
  20 $red: #d8486a;
  21 $orange: #f1641e;
  22 $cyan: #02bdc2;
  23 $green: #00c853;
  24
  25 $colors: (
  26   "black": $black,
  27   "red": $red,
  28   "orange": $orange,
  29   "cyan": $cyan,
  30   "green": $green,
  31 );
  32
  33 $primary: $orange;
  34 $secondary: $green;
  35 $success: $indigo;
  36 $info: $blue;
  37
  38 $theme-colors: (
  39   "primary": $primary,
  40   "secondary": $secondary,
  41   "success": $success,
  42   "info": $info,
  43 );
  44
  45 $body-color: $gray-700;
  46 $body-bg: #fff;
  47 $link-color: $primary;
  48 $card-color: $gray-700;
  49 $card-cap-color: $gray-700;
  50 $danger: darken($primary, 25%);
  51 $card-bg: $gray-100;
  52 $border-color: $gray-700;
  53 $mark-bg: rgb(255, 252, 239);
  54 $headings-color: $gray-700;
  55
  56 $navbar-light-color: $gray-600;
  57 $navbar-light-hover-color: $gray-900;
  58 $navbar-light-active-color: $gray-900;
  59 $navbar-dark-toggler-border-color: rgba($black, 0.1);
  60
  61 $border-radius: 0.5rem;
  62 $border-radius-lg: 0.5rem;
  63 $border-radius-sm: 1rem;
  64 $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Droid Sans",
  65   "Segoe UI", "Helvetica", Arial, sans-serif;
  66 $input-btn-focus-color: rgba($primary, 0.75);
  67 $form-feedback-valid-color: $info;
  68 $font-weight-bold: 600;
  69 $rounded-pill: 0.25rem;