data/styles/_colors.scss


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
78
79
80
81
82
83
84
85
86
87
88
89
90

$black: #000000;
$off-black: #101010;
$deep-gray: #202020;
$dark-gray: #333332;
$tuatara-gray: #40403E;
$medium-gray: #707070;
$gray: #C8C8C8;
$off-white: #E0E0E0;
$papaya-white: #FFF0D4;
$white: #FFFFFF;

$mahogany-red: #C83737;
$flamingo-orange: #F2642A;
$light-yellow: #FFC14F;
$beauty-pink: #F1CECE;
$cinderella-pink: #FCD9CA;

$green: #57AD68;
$medium-green: #468C54;

// =========================
// === assign the colors ===
// =========================

$body-background: $white;

$header-text: $off-black;
$h4-header-text: $deep-gray;
$h5-header-text: $dark-gray;

$chapter-header-title-text: $dark-gray;
$chapter-header-title-border: $dark-gray;
$chapter-header-em: $green;

$link-border: $dark-gray;

$blockquote-text: $black;
$para-first-text: $dark-gray;

$list-lvl1: $dark-gray;
$list-lvl2: $green;
$list-lvl3: $dark-gray;
$list-lvl4: $green;

$footer-context: $dark-gray;

$abstract-text: $dark-gray;
$abstract-link: $dark-gray;

$caption-text: $dark-gray;

$aside-background: $off-white;
$aside-border: $gray;

$button-text: $black;
$button-shadow: $gray;

$pre-text: $off-black;
$pre-background: $off-white;
$pre-border: $gray;

$kbd-background: $off-white;
$kbd-border: $gray;

$mark-text: $black;
$mark-background: $light-yellow;

$last-mark-text: $green;

$i-conum-text: $medium-green;

$table-border: $medium-gray;

$note-border: $light-yellow;
$note-background: $papaya-white;

$tip-border: $tuatara-gray;
$tip-background: $off-white;

$caution-border: $medium-gray;
$caution-background: $off-white;

$warning-border: $mahogany-red;
$warning-background: $beauty-pink;

$important-border: $flamingo-orange;
$important-background: $cinderella-pink;

$about-author-border: $gray;
$headshot-border: $medium-gray;