src/assets/css/themes/_variables.litely-red.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 $black: #222;
  11 $orange: #f1641e;
  12 $cyan: #02bdc2;
  13 $green: #00c853;
  14 $primary: #f1641e;
  15 $secondary: #c80000;
  16 $success: $indigo;
  17 $info: $blue;
  18 $danger: darken($primary, 24%);
  19 $body-color: $gray-700;
  20 $body-bg: #fff;
  21 $link-color: $primary;
  22 $red: #d8486a;
  23
  24 $border-radius: 0.5rem;
  25 $border-radius-lg: 0.5rem;
  26 $border-radius-sm: 1rem;
  27 $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Droid Sans",
  28   "Segoe UI", "Helvetica", Arial, sans-serif;
  29 $headings-color: $gray-700;
  30 $input-btn-focus-color: rgba($primary, 0.75);
  31 $form-feedback-valid-color: $info;
  32 $navbar-light-color: $gray-600;
  33 $navbar-dark-toggler-border-color: rgba($black, 0.1);
  34 $navbar-light-active-color: $gray-900;
  35 $card-color: $gray-700;
  36 $card-cap-color: $gray-700;
  37 $navbar-light-hover-color: $gray-900;
  38 $card-bg: $gray-100;
  39 $border-color: $gray-700;
  40 $mark-bg: rgb(255, 252, 239);
  41 $font-weight-bold: 600;
  42 $rounded-pill: 0.25rem;