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

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=Montserrat:200,300,400,700);
arturo's avatar
arturo committed
16 17
$font-family-base: "Montserrat";

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

// Colors
arturo's avatar
arturo committed
22 23 24 25 26 27 28 29 30
$primary    :#222222;
$secondary  :#666666;
$success    :#333333;
$danger     :#434343;
$info       :#515151;
$warning    :#5f5f5f;
$light      :#eceeec;
$dark       :#111111;

arturo's avatar
arturo committed
31
// Palettes
arturo's avatar
arturo committed
32 33 34
$theme-colors: map.merge(
  $theme-colors,
  (
arturo's avatar
arturo committed
35 36 37 38 39 40 41 42
    'primary':    $primary,
    'secondary':  $secondary,
    'success':    $success,
    'danger':     $danger,
    'info':       $info,
    'warning':    $warning,
    'light':      $light,
    'dark':       $dark,
arturo's avatar
arturo committed
43
  )
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 73


arturo's avatar
arturo committed
74 75 76
///==========================================
///   Custom styles specific to the theme
///==========================================
77

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