interface/themes/default-variables.scss

   1 //
   2 //      Default Variables for All oe-styles Themes
   3 //
   4 /* Default Colors */
   5 $blue: #007bff !default;
   6 $indigo: #6610f2 !default;
   7 $purple: #6f42c1 !default;
   8 $pink: #e83e8c !default;
   9 $red: #dc3545 !default;
  10 $orange: #fd7e14 !default;
  11 $yellow: #ffc107 !default;
  12 $green: #28a745 !default;
  13 $teal: #20c997 !default;
  14 $cyan: #17a2b8 !default;
  15 $white: #fff !default;
  16 $black: #000 !default;
  17
  18 /* Default Grays */
  19 $gray-100: #f8f9fa !default;
  20 $gray-200: #e9ecef !default;
  21 $gray-300: #dee2e6 !default;
  22 $gray-400: #ced4da !default;
  23 $gray-500: #adb5bd !default;
  24 $gray-600: #868e96 !default;
  25 $gray-700: #495057 !default;
  26 $gray-800: #343a40 !default;
  27 $gray-900: #212529 !default;
  28
  29 /* Equivalents to bg-light/dark as well as default for gray */
  30 $light: $gray-100 !default;
  31 $dark: $gray-800 !default;
  32 $gray: $gray-600 !default;
  33 $gray-dark: $gray-800 !default;
  34 $ovr-dark: $gray-800 !default;
  35 $ovr-light: $gray-100 !default;
  36
  37 $body-bg: $white !default;
  38 $body-color: $gray-900 !default;
  39 $secondary-color: $gray-100 !default;
  40
  41 /* Array of theme colors that can be added to */
  42 $theme-colors: (
  43   primary: $blue,
  44   secondary: $secondary-color,
  45   success: $green,
  46   info: $cyan,
  47   warning: $yellow,
  48   danger: $red,
  49   light: $light,
  50   dark: $dark,
  51   ovr-dark: $ovr-dark,
  52   ovr-light: $ovr-light,
  53   body-color: $body-color
  54 );
  55
  56 /* Array of random colors that can be added to */
  57 $colors: (
  58   "blue": $blue,
  59   "indigo": $indigo,
  60   "purple": $purple,
  61   "pink": $pink,
  62   "red": $red,
  63   "orange": $orange,
  64   "yellow": $yellow,
  65   "green": $green,
  66   "teal": $teal,
  67   "cyan": $cyan,
  68   "white": $white,
  69   "gray": $gray,
  70   "gray-dark": $gray-dark,
  71   "black": $black,
  72   "gray100": $gray-100,
  73   "gray200": $gray-200,
  74   "gray300": $gray-300,
  75   "gray400": $gray-400,
  76   "gray500": $gray-500,
  77   "gray600": $gray-600,
  78   "gray700": $gray-700,
  79   "gray800": $gray-800,
  80   "gray900": $gray-900
  81 );
  82
  83 /* Above adds overrides to allow regular CSS coloring */
  84
  85 $font-family-sans-serif: "Lato", "Helvetica", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
  86 $font-size-base: 0.875rem;
  87 $rfs-base-value: 0.875rem;
  88 $font-family-base: $font-family-sans-serif;
  89
  90 $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex, initial, inherit;
  91
  92 // Enables responsive text for Bootstrap
  93 $enable-responsive-font-sizes: true;