1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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
72
73
74
75
76
77
/*! Themestr.app `Herbie` Bootstrap 4.3.1 theme */
@use 'sass:map';
///==========================================
/// Theme variable overrides
///==========================================
@import "./abstract";
// Fonts
@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,700);
$font-family-base: "Nunito";
@import url(https://fonts.googleapis.com/css?family=Crete+Round:200,300,400,700);
$headings-font-family: "Crete Round";
// Colors
$primary :#083358;
$secondary :#F67280;
$success :#0074E4;
$danger :#FF4057;
$info :#74DBEF;
$warning :#FC3C3C;
$light :#F2F2F0;
$dark :#072247;
// Palettes
$theme-colors: map.merge(
$theme-colors,
(
'primary': $primary,
'secondary': $secondary,
'success': $success,
'danger': $danger,
'info': $info,
'warning': $warning,
'light': $light,
'dark': $dark,
)
);
$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
);
///==========================================
/// Custom styles specific to the theme
///==========================================
@import './_base';