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

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