greyson.scss 1.63 KB
Newer Older
1 2 3
/*! Themestr.app `Greyson` Bootstrap 4.3.1 theme */
/* https://github.com/ThemesGuide/bootstrap-themes/blob/master/greyson/ */

arturo's avatar
arturo committed
4
@use 'sass:map';
arturo's avatar
arturo committed
5 6


arturo's avatar
arturo committed
7 8 9
///==========================================
///   Theme variable overrides
///==========================================
10

arturo's avatar
arturo committed
11
@import "./abstract";
12 13 14 15

// Fonts

@import url(https://fonts.googleapis.com/css?family=Muli:200,300,400,700);
arturo's avatar
arturo committed
16 17
$font-family-base: "Muli";

18
@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,700);
arturo's avatar
arturo committed
19
$headings-font-family: "Oswald";
20 21

// Colors
arturo's avatar
arturo committed
22 23 24 25 26 27 28 29 30
$primary    :#2f3c48;
$secondary  :#6f7f8c;
$success    :#3e4d59;
$danger     :#cc330d;
$info       :#5c8f94;
$warning    :#6e9fa5;
$light      :#eceeec;
$dark       :#1e2b37;

arturo's avatar
arturo committed
31
// Palettes
arturo's avatar
arturo committed
32 33 34 35 36 37 38 39 40 41 42 43
$theme-colors: map.merge(
  $theme-colors,
  (
    'primary': $primary,
    'secondary': $secondary,
    'success': $success,
    'danger': $danger,
    'info': $info,
    'warning': $warning,
    'light': $light,
    'dark': $dark,
  )
44
);
arturo's avatar
arturo committed
45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
$palette-semantic: $theme-colors;

$palette-gray: (
  '0':    $white,
  '50':   $gray-50,
  '100':  $gray-100,
  '150':  $gray-150,
  '175':  $gray-175,
  '200':  $gray-200,
  '300':  $gray-300,
  '400':  $gray-400,
  '500':  $gray-500,
  '600':  $gray-600,
  '700':  $gray-700,
  '800':  $gray-800,
  '900':  $gray-900,
  '1000': $black
);

$palette-pastel: (
  'green':  $pastel-green,
  'blue':   $pastel-blue,
  'yellow': $pastel-yellow,
  'red':    $pastel-red,
  'orange': $pastel-orange,
  'purple': $pastel-purple
);
72

arturo's avatar
arturo committed
73 74
// Misc
$enable-rounded: false;
75 76


arturo's avatar
arturo committed
77 78 79
///==========================================
///   Custom styles specific to the theme
///==========================================
80

arturo's avatar
arturo committed
81
@import './_base';