jekyll-theme-hydure 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +184 -0
- data/_includes/archive-by-tagories.html +68 -0
- data/_includes/archive-by-years.html +29 -0
- data/_includes/custom-head.html +6 -0
- data/_includes/disqus.html +17 -0
- data/_includes/footer.html +25 -0
- data/_includes/google-analytics.html +9 -0
- data/_includes/head.html +15 -0
- data/_includes/header.html +32 -0
- data/_includes/mathjax.html +2 -0
- data/_layouts/archive.html +15 -0
- data/_layouts/default.html +29 -0
- data/_layouts/home.html +44 -0
- data/_layouts/page.html +8 -0
- data/_layouts/post.html +68 -0
- data/_sass/hydure/_archive.scss +40 -0
- data/_sass/hydure/_base.scss +122 -0
- data/_sass/hydure/_content.scss +16 -0
- data/_sass/hydure/_footer.scss +5 -0
- data/_sass/hydure/_highlight-dark.scss +91 -0
- data/_sass/hydure/_highlight-light.scss +217 -0
- data/_sass/hydure/_layout.scss +15 -0
- data/_sass/hydure/_message.scss +11 -0
- data/_sass/hydure/_page.scss +119 -0
- data/_sass/hydure/_pagination.scss +23 -0
- data/_sass/hydure/_sidebar.scss +84 -0
- data/_sass/hydure/_variables.scss +47 -0
- data/_sass/hydure/main.scss +15 -0
- data/assets/css/hydure.scss +4 -0
- data/assets/css/open-color.css +343 -0
- metadata +130 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// Messages
|
|
2
|
+
//
|
|
3
|
+
// Show alert messages to users. You may add it to single elements like a `<p>`,
|
|
4
|
+
// or to a parent if there are multiple elements to show.
|
|
5
|
+
|
|
6
|
+
.message {
|
|
7
|
+
padding: 1em;
|
|
8
|
+
color: var(--message-color);
|
|
9
|
+
background-color: var(--message-bg);
|
|
10
|
+
border-radius: var(--border-radius);
|
|
11
|
+
}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
.page,
|
|
2
|
+
.post {
|
|
3
|
+
font-family: var(--page-font);
|
|
4
|
+
|
|
5
|
+
h1, h2, h3, h4, h5, h6 {
|
|
6
|
+
color: var(--heading-color);
|
|
7
|
+
font-family: var(--body-font);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.page-title,
|
|
12
|
+
.post-title {
|
|
13
|
+
margin-top: 0;
|
|
14
|
+
margin-bottom: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.post-meta {
|
|
18
|
+
color: var(--body-color-light);
|
|
19
|
+
font-size: 80%;
|
|
20
|
+
font-family: var(--body-font);
|
|
21
|
+
margin-top: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.post-categories,
|
|
25
|
+
.post-tags {
|
|
26
|
+
display: inline-block;
|
|
27
|
+
list-style: none;
|
|
28
|
+
padding: 0;
|
|
29
|
+
margin: 0;
|
|
30
|
+
|
|
31
|
+
li {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.post-category {
|
|
37
|
+
color: inherit;
|
|
38
|
+
|
|
39
|
+
&::after {
|
|
40
|
+
content: "/";
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.post-tag {
|
|
45
|
+
padding: .1em .5em;
|
|
46
|
+
margin-right: .5em;
|
|
47
|
+
border: 1px solid var(--border-color);
|
|
48
|
+
border-radius: var(--border-radius);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
a.post-tag {
|
|
52
|
+
color: inherit;
|
|
53
|
+
text-decoration: none;
|
|
54
|
+
|
|
55
|
+
&:focus,
|
|
56
|
+
&:hover {
|
|
57
|
+
background-color: var(--link-color);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.posts {
|
|
62
|
+
.post {
|
|
63
|
+
padding: 1em;
|
|
64
|
+
margin-bottom: 1em;
|
|
65
|
+
border: 1px solid var(--border-color);
|
|
66
|
+
border-radius: var(--border-radius);
|
|
67
|
+
box-shadow: var(--box-shadow);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.post-title {
|
|
71
|
+
a {
|
|
72
|
+
color: inherit;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.highlight {
|
|
78
|
+
border-radius: var(--border-radius);
|
|
79
|
+
background-color: var(--code-bg);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.rouge-table {
|
|
83
|
+
margin: 0;
|
|
84
|
+
font-size: 100%;
|
|
85
|
+
|
|
86
|
+
&,
|
|
87
|
+
td,
|
|
88
|
+
th {
|
|
89
|
+
border: 0;
|
|
90
|
+
padding: 0;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
pre {
|
|
94
|
+
padding: 0;
|
|
95
|
+
margin: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.gutter {
|
|
99
|
+
vertical-align: top;
|
|
100
|
+
user-select: none;
|
|
101
|
+
opacity: .25;
|
|
102
|
+
padding-right: 1em;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
#markdown-toc {
|
|
107
|
+
font-family: var(--body-font);
|
|
108
|
+
font-size: 80%;
|
|
109
|
+
padding: 2em 3em;
|
|
110
|
+
margin: 2em 0;
|
|
111
|
+
border: solid var(--border-color);
|
|
112
|
+
border-width: 1px 0;
|
|
113
|
+
|
|
114
|
+
&::before {
|
|
115
|
+
display: block;
|
|
116
|
+
margin-left: -3em;
|
|
117
|
+
content: "TOC";
|
|
118
|
+
}
|
|
119
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.pagination {
|
|
2
|
+
margin-top: 2em;
|
|
3
|
+
|
|
4
|
+
.older,
|
|
5
|
+
.newer {
|
|
6
|
+
border: 1px solid var(--border-color);
|
|
7
|
+
padding: 1em;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.older {
|
|
11
|
+
border-top-left-radius: var(--border-radius);
|
|
12
|
+
border-bottom-left-radius: var(--border-radius);
|
|
13
|
+
border-top-right-radius: 0;
|
|
14
|
+
border-bottom-right-radius: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.newer {
|
|
18
|
+
border-top-left-radius: 0;
|
|
19
|
+
border-bottom-left-radius: 0;
|
|
20
|
+
border-top-right-radius: var(--border-radius);
|
|
21
|
+
border-bottom-right-radius: var(--border-radius);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
.sidebar {
|
|
2
|
+
color: var(--sidebar-color);
|
|
3
|
+
background: center / cover;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.header {
|
|
7
|
+
width: 100%;
|
|
8
|
+
font-family: var(--body-font);
|
|
9
|
+
text-align: center;
|
|
10
|
+
padding: 2em;
|
|
11
|
+
|
|
12
|
+
a {
|
|
13
|
+
color: var(--oc-white);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.brand-title {
|
|
18
|
+
font-family: var(--brand-title-font);
|
|
19
|
+
font-size: 3.25em;
|
|
20
|
+
font-weight: bold;
|
|
21
|
+
line-height: 1.2;
|
|
22
|
+
letter-spacing: -1px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.brand-tagline {
|
|
26
|
+
font-size: 1.25em;
|
|
27
|
+
line-height: 1.2;
|
|
28
|
+
letter-spacing: -1px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.nav {
|
|
32
|
+
margin: 1em 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.nav-item {
|
|
36
|
+
a:hover {
|
|
37
|
+
background-color: transparent;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.current {
|
|
41
|
+
font-weight: bold;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.social-list {
|
|
46
|
+
white-space: normal;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.social-item {
|
|
50
|
+
a {
|
|
51
|
+
background-color: transparent;
|
|
52
|
+
|
|
53
|
+
&:focus,
|
|
54
|
+
&:hover {
|
|
55
|
+
color: var(--link-color);
|
|
56
|
+
background-color: transparent;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@media (min-width: $md-screen) {
|
|
62
|
+
.header {
|
|
63
|
+
font-size: 80%;
|
|
64
|
+
text-align: left;
|
|
65
|
+
position: absolute;
|
|
66
|
+
bottom: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.nav-item a {
|
|
70
|
+
padding-left: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.social-item {
|
|
74
|
+
a {
|
|
75
|
+
padding-left: 0;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@media (min-width: $lg-screen) {
|
|
81
|
+
.header {
|
|
82
|
+
font-size: 100%;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
$sm-screen: 35.5rem;
|
|
2
|
+
$md-screen: 48rem;
|
|
3
|
+
$lg-screen: 64rem;
|
|
4
|
+
$xl-screen: 80rem;
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--body-font-size: 16px;
|
|
8
|
+
--body-line-height: 1.5;
|
|
9
|
+
--body-color: var(--oc-gray-7);
|
|
10
|
+
--body-color-light: var(--oc-gray-5);
|
|
11
|
+
--body-bg: var(--oc-white);
|
|
12
|
+
--link-color: var(--oc-blue-7);
|
|
13
|
+
--heading-color: var(--oc-black);
|
|
14
|
+
|
|
15
|
+
--body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
16
|
+
--brand-title-font: "Abril Fatface", serif;
|
|
17
|
+
--page-font: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
|
|
18
|
+
--code-font: 'Courier New', Courier, monospace;
|
|
19
|
+
|
|
20
|
+
--sidebar-color: var(--oc-gray-4);
|
|
21
|
+
|
|
22
|
+
--message-color: var(--oc-gray-9);
|
|
23
|
+
--message-bg: var(--oc-yellow-1);
|
|
24
|
+
|
|
25
|
+
--border-radius: .5em;
|
|
26
|
+
--border-color: var(--oc-gray-3);
|
|
27
|
+
|
|
28
|
+
--code-bg: var(--oc-gray-1);
|
|
29
|
+
|
|
30
|
+
--box-shadow: 3px 3px 3px var(--oc-gray-3);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media (prefers-color-scheme: dark) {
|
|
34
|
+
:root {
|
|
35
|
+
--body-color: var(--oc-gray-4);
|
|
36
|
+
--body-color-light: var(--oc-gray-6);
|
|
37
|
+
--body-bg: var(--oc-gray-9);
|
|
38
|
+
--link-color: var(--oc-blue-4);
|
|
39
|
+
--heading-color: var(--oc-white);
|
|
40
|
+
|
|
41
|
+
--border-color: var(--oc-gray-7);
|
|
42
|
+
|
|
43
|
+
--code-bg: var(--oc-gray-8);
|
|
44
|
+
|
|
45
|
+
--box-shadow: 3px 3px 3px var(--oc-gray-7);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@import "variables";
|
|
2
|
+
@import "base";
|
|
3
|
+
@import "layout";
|
|
4
|
+
@import "sidebar";
|
|
5
|
+
@import "content";
|
|
6
|
+
@import "footer";
|
|
7
|
+
@import "page";
|
|
8
|
+
@import "pagination";
|
|
9
|
+
@import "archive";
|
|
10
|
+
@import "message";
|
|
11
|
+
@import "highlight-light";
|
|
12
|
+
|
|
13
|
+
@media (prefers-color-scheme: dark) {
|
|
14
|
+
@import "highlight-dark";
|
|
15
|
+
}
|
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
/*
|
|
2
|
+
*
|
|
3
|
+
* 𝗖 𝗢 𝗟 𝗢 𝗥
|
|
4
|
+
* v 1.7.0
|
|
5
|
+
*
|
|
6
|
+
* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
|
|
7
|
+
|
|
8
|
+
:root {
|
|
9
|
+
|
|
10
|
+
/* General
|
|
11
|
+
* ─────────────────────────────────── */
|
|
12
|
+
|
|
13
|
+
--oc-white: #ffffff;
|
|
14
|
+
--oc-white-rgb: 255, 255, 255;
|
|
15
|
+
--oc-black: #000000;
|
|
16
|
+
--oc-black-rgb: 0, 0, 0;
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
/* Gray
|
|
20
|
+
* ─────────────────────────────────── */
|
|
21
|
+
|
|
22
|
+
--oc-gray-0: #f8f9fa;
|
|
23
|
+
--oc-gray-0-rgb: 248, 249, 250;
|
|
24
|
+
--oc-gray-1: #f1f3f5;
|
|
25
|
+
--oc-gray-1-rgb: 241, 243, 245;
|
|
26
|
+
--oc-gray-2: #e9ecef;
|
|
27
|
+
--oc-gray-2-rgb: 233, 236, 239;
|
|
28
|
+
--oc-gray-3: #dee2e6;
|
|
29
|
+
--oc-gray-3-rgb: 222, 226, 230;
|
|
30
|
+
--oc-gray-4: #ced4da;
|
|
31
|
+
--oc-gray-4-rgb: 206, 212, 218;
|
|
32
|
+
--oc-gray-5: #adb5bd;
|
|
33
|
+
--oc-gray-5-rgb: 173, 181, 189;
|
|
34
|
+
--oc-gray-6: #868e96;
|
|
35
|
+
--oc-gray-6-rgb: 134, 142, 150;
|
|
36
|
+
--oc-gray-7: #495057;
|
|
37
|
+
--oc-gray-7-rgb: 73, 80, 87;
|
|
38
|
+
--oc-gray-8: #343a40;
|
|
39
|
+
--oc-gray-8-rgb: 52, 58, 64;
|
|
40
|
+
--oc-gray-9: #212529;
|
|
41
|
+
--oc-gray-9-rgb: 33, 37, 41;
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
/* Red
|
|
45
|
+
* ─────────────────────────────────── */
|
|
46
|
+
|
|
47
|
+
--oc-red-0: #fff5f5;
|
|
48
|
+
--oc-red-0-rgb: 255, 245, 245;
|
|
49
|
+
--oc-red-1: #ffe3e3;
|
|
50
|
+
--oc-red-1-rgb: 255, 227, 227;
|
|
51
|
+
--oc-red-2: #ffc9c9;
|
|
52
|
+
--oc-red-2-rgb: 255, 201, 201;
|
|
53
|
+
--oc-red-3: #ffa8a8;
|
|
54
|
+
--oc-red-3-rgb: 255, 168, 168;
|
|
55
|
+
--oc-red-4: #ff8787;
|
|
56
|
+
--oc-red-4-rgb: 255, 135, 135;
|
|
57
|
+
--oc-red-5: #ff6b6b;
|
|
58
|
+
--oc-red-5-rgb: 255, 107, 107;
|
|
59
|
+
--oc-red-6: #fa5252;
|
|
60
|
+
--oc-red-6-rgb: 250, 82, 82;
|
|
61
|
+
--oc-red-7: #f03e3e;
|
|
62
|
+
--oc-red-7-rgb: 240, 62, 62;
|
|
63
|
+
--oc-red-8: #e03131;
|
|
64
|
+
--oc-red-8-rgb: 224, 49, 49;
|
|
65
|
+
--oc-red-9: #c92a2a;
|
|
66
|
+
--oc-red-9-rgb: 201, 42, 42;
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
/* Pink
|
|
70
|
+
* ─────────────────────────────────── */
|
|
71
|
+
|
|
72
|
+
--oc-pink-0: #fff0f6;
|
|
73
|
+
--oc-pink-0-rgb: 255, 240, 246;
|
|
74
|
+
--oc-pink-1: #ffdeeb;
|
|
75
|
+
--oc-pink-1-rgb: 255, 222, 235;
|
|
76
|
+
--oc-pink-2: #fcc2d7;
|
|
77
|
+
--oc-pink-2-rgb: 252, 194, 215;
|
|
78
|
+
--oc-pink-3: #faa2c1;
|
|
79
|
+
--oc-pink-3-rgb: 250, 162, 193;
|
|
80
|
+
--oc-pink-4: #f783ac;
|
|
81
|
+
--oc-pink-4-rgb: 247, 131, 172;
|
|
82
|
+
--oc-pink-5: #f06595;
|
|
83
|
+
--oc-pink-5-rgb: 240, 101, 149;
|
|
84
|
+
--oc-pink-6: #e64980;
|
|
85
|
+
--oc-pink-6-rgb: 230, 73, 128;
|
|
86
|
+
--oc-pink-7: #d6336c;
|
|
87
|
+
--oc-pink-7-rgb: 214, 51, 108;
|
|
88
|
+
--oc-pink-8: #c2255c;
|
|
89
|
+
--oc-pink-8-rgb: 194, 37, 92;
|
|
90
|
+
--oc-pink-9: #a61e4d;
|
|
91
|
+
--oc-pink-9-rgb: 166, 30, 77;
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
/* Grape
|
|
95
|
+
* ─────────────────────────────────── */
|
|
96
|
+
|
|
97
|
+
--oc-grape-0: #f8f0fc;
|
|
98
|
+
--oc-grape-0-rgb: 248, 240, 252;
|
|
99
|
+
--oc-grape-1: #f3d9fa;
|
|
100
|
+
--oc-grape-1-rgb: 243, 217, 250;
|
|
101
|
+
--oc-grape-2: #eebefa;
|
|
102
|
+
--oc-grape-2-rgb: 238, 190, 250;
|
|
103
|
+
--oc-grape-3: #e599f7;
|
|
104
|
+
--oc-grape-3-rgb: 229, 153, 247;
|
|
105
|
+
--oc-grape-4: #da77f2;
|
|
106
|
+
--oc-grape-4-rgb: 218, 119, 242;
|
|
107
|
+
--oc-grape-5: #cc5de8;
|
|
108
|
+
--oc-grape-5-rgb: 204, 93, 232;
|
|
109
|
+
--oc-grape-6: #be4bdb;
|
|
110
|
+
--oc-grape-6-rgb: 190, 75, 219;
|
|
111
|
+
--oc-grape-7: #ae3ec9;
|
|
112
|
+
--oc-grape-7-rgb: 174, 62, 201;
|
|
113
|
+
--oc-grape-8: #9c36b5;
|
|
114
|
+
--oc-grape-8-rgb: 156, 54, 181;
|
|
115
|
+
--oc-grape-9: #862e9c;
|
|
116
|
+
--oc-grape-9-rgb: 134, 46, 156;
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
/* Violet
|
|
120
|
+
* ─────────────────────────────────── */
|
|
121
|
+
|
|
122
|
+
--oc-violet-0: #f3f0ff;
|
|
123
|
+
--oc-violet-0-rgb: 243, 240, 255;
|
|
124
|
+
--oc-violet-1: #e5dbff;
|
|
125
|
+
--oc-violet-1-rgb: 229, 219, 255;
|
|
126
|
+
--oc-violet-2: #d0bfff;
|
|
127
|
+
--oc-violet-2-rgb: 208, 191, 255;
|
|
128
|
+
--oc-violet-3: #b197fc;
|
|
129
|
+
--oc-violet-3-rgb: 177, 151, 252;
|
|
130
|
+
--oc-violet-4: #9775fa;
|
|
131
|
+
--oc-violet-4-rgb: 151, 117, 250;
|
|
132
|
+
--oc-violet-5: #845ef7;
|
|
133
|
+
--oc-violet-5-rgb: 132, 94, 247;
|
|
134
|
+
--oc-violet-6: #7950f2;
|
|
135
|
+
--oc-violet-6-rgb: 121, 80, 242;
|
|
136
|
+
--oc-violet-7: #7048e8;
|
|
137
|
+
--oc-violet-7-rgb: 112, 72, 232;
|
|
138
|
+
--oc-violet-8: #6741d9;
|
|
139
|
+
--oc-violet-8-rgb: 103, 65, 217;
|
|
140
|
+
--oc-violet-9: #5f3dc4;
|
|
141
|
+
--oc-violet-9-rgb: 95, 61, 196;
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
/* Indigo
|
|
145
|
+
* ─────────────────────────────────── */
|
|
146
|
+
|
|
147
|
+
--oc-indigo-0: #edf2ff;
|
|
148
|
+
--oc-indigo-0-rgb: 237, 242, 255;
|
|
149
|
+
--oc-indigo-1: #dbe4ff;
|
|
150
|
+
--oc-indigo-1-rgb: 219, 228, 255;
|
|
151
|
+
--oc-indigo-2: #bac8ff;
|
|
152
|
+
--oc-indigo-2-rgb: 186, 200, 255;
|
|
153
|
+
--oc-indigo-3: #91a7ff;
|
|
154
|
+
--oc-indigo-3-rgb: 145, 167, 255;
|
|
155
|
+
--oc-indigo-4: #748ffc;
|
|
156
|
+
--oc-indigo-4-rgb: 116, 143, 252;
|
|
157
|
+
--oc-indigo-5: #5c7cfa;
|
|
158
|
+
--oc-indigo-5-rgb: 92, 124, 250;
|
|
159
|
+
--oc-indigo-6: #4c6ef5;
|
|
160
|
+
--oc-indigo-6-rgb: 76, 110, 245;
|
|
161
|
+
--oc-indigo-7: #4263eb;
|
|
162
|
+
--oc-indigo-7-rgb: 66, 99, 235;
|
|
163
|
+
--oc-indigo-8: #3b5bdb;
|
|
164
|
+
--oc-indigo-8-rgb: 59, 91, 219;
|
|
165
|
+
--oc-indigo-9: #364fc7;
|
|
166
|
+
--oc-indigo-9-rgb: 54, 79, 199;
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
/* Blue
|
|
170
|
+
* ─────────────────────────────────── */
|
|
171
|
+
|
|
172
|
+
--oc-blue-0: #e7f5ff;
|
|
173
|
+
--oc-blue-0-rgb: 231, 245, 255;
|
|
174
|
+
--oc-blue-1: #d0ebff;
|
|
175
|
+
--oc-blue-1-rgb: 208, 235, 255;
|
|
176
|
+
--oc-blue-2: #a5d8ff;
|
|
177
|
+
--oc-blue-2-rgb: 165, 216, 255;
|
|
178
|
+
--oc-blue-3: #74c0fc;
|
|
179
|
+
--oc-blue-3-rgb: 116, 192, 252;
|
|
180
|
+
--oc-blue-4: #4dabf7;
|
|
181
|
+
--oc-blue-4-rgb: 77, 171, 247;
|
|
182
|
+
--oc-blue-5: #339af0;
|
|
183
|
+
--oc-blue-5-rgb: 51, 154, 240;
|
|
184
|
+
--oc-blue-6: #228be6;
|
|
185
|
+
--oc-blue-6-rgb: 34, 139, 230;
|
|
186
|
+
--oc-blue-7: #1c7ed6;
|
|
187
|
+
--oc-blue-7-rgb: 28, 126, 214;
|
|
188
|
+
--oc-blue-8: #1971c2;
|
|
189
|
+
--oc-blue-8-rgb: 25, 113, 194;
|
|
190
|
+
--oc-blue-9: #1864ab;
|
|
191
|
+
--oc-blue-9-rgb: 24, 100, 171;
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
/* Cyan
|
|
195
|
+
* ─────────────────────────────────── */
|
|
196
|
+
|
|
197
|
+
--oc-cyan-0: #e3fafc;
|
|
198
|
+
--oc-cyan-0-rgb: 227, 250, 252;
|
|
199
|
+
--oc-cyan-1: #c5f6fa;
|
|
200
|
+
--oc-cyan-1-rgb: 197, 246, 250;
|
|
201
|
+
--oc-cyan-2: #99e9f2;
|
|
202
|
+
--oc-cyan-2-rgb: 153, 233, 242;
|
|
203
|
+
--oc-cyan-3: #66d9e8;
|
|
204
|
+
--oc-cyan-3-rgb: 102, 217, 232;
|
|
205
|
+
--oc-cyan-4: #3bc9db;
|
|
206
|
+
--oc-cyan-4-rgb: 59, 201, 219;
|
|
207
|
+
--oc-cyan-5: #22b8cf;
|
|
208
|
+
--oc-cyan-5-rgb: 34, 184, 207;
|
|
209
|
+
--oc-cyan-6: #15aabf;
|
|
210
|
+
--oc-cyan-6-rgb: 21, 170, 191;
|
|
211
|
+
--oc-cyan-7: #1098ad;
|
|
212
|
+
--oc-cyan-7-rgb: 16, 152, 173;
|
|
213
|
+
--oc-cyan-8: #0c8599;
|
|
214
|
+
--oc-cyan-8-rgb: 12, 133, 153;
|
|
215
|
+
--oc-cyan-9: #0b7285;
|
|
216
|
+
--oc-cyan-9-rgb: 11, 114, 133;
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
/* Teal
|
|
220
|
+
* ─────────────────────────────────── */
|
|
221
|
+
|
|
222
|
+
--oc-teal-0: #e6fcf5;
|
|
223
|
+
--oc-teal-0-rgb: 230, 252, 245;
|
|
224
|
+
--oc-teal-1: #c3fae8;
|
|
225
|
+
--oc-teal-1-rgb: 195, 250, 232;
|
|
226
|
+
--oc-teal-2: #96f2d7;
|
|
227
|
+
--oc-teal-2-rgb: 150, 242, 215;
|
|
228
|
+
--oc-teal-3: #63e6be;
|
|
229
|
+
--oc-teal-3-rgb: 99, 230, 190;
|
|
230
|
+
--oc-teal-4: #38d9a9;
|
|
231
|
+
--oc-teal-4-rgb: 56, 217, 169;
|
|
232
|
+
--oc-teal-5: #20c997;
|
|
233
|
+
--oc-teal-5-rgb: 32, 201, 151;
|
|
234
|
+
--oc-teal-6: #12b886;
|
|
235
|
+
--oc-teal-6-rgb: 18, 184, 134;
|
|
236
|
+
--oc-teal-7: #0ca678;
|
|
237
|
+
--oc-teal-7-rgb: 12, 166, 120;
|
|
238
|
+
--oc-teal-8: #099268;
|
|
239
|
+
--oc-teal-8-rgb: 9, 146, 104;
|
|
240
|
+
--oc-teal-9: #087f5b;
|
|
241
|
+
--oc-teal-9-rgb: 8, 127, 91;
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
/* Green
|
|
245
|
+
* ─────────────────────────────────── */
|
|
246
|
+
|
|
247
|
+
--oc-green-0: #ebfbee;
|
|
248
|
+
--oc-green-0-rgb: 235, 251, 238;
|
|
249
|
+
--oc-green-1: #d3f9d8;
|
|
250
|
+
--oc-green-1-rgb: 211, 249, 216;
|
|
251
|
+
--oc-green-2: #b2f2bb;
|
|
252
|
+
--oc-green-2-rgb: 178, 242, 187;
|
|
253
|
+
--oc-green-3: #8ce99a;
|
|
254
|
+
--oc-green-3-rgb: 140, 233, 154;
|
|
255
|
+
--oc-green-4: #69db7c;
|
|
256
|
+
--oc-green-4-rgb: 105, 219, 124;
|
|
257
|
+
--oc-green-5: #51cf66;
|
|
258
|
+
--oc-green-5-rgb: 81, 207, 102;
|
|
259
|
+
--oc-green-6: #40c057;
|
|
260
|
+
--oc-green-6-rgb: 64, 192, 87;
|
|
261
|
+
--oc-green-7: #37b24d;
|
|
262
|
+
--oc-green-7-rgb: 55, 178, 77;
|
|
263
|
+
--oc-green-8: #2f9e44;
|
|
264
|
+
--oc-green-8-rgb: 47, 158, 68;
|
|
265
|
+
--oc-green-9: #2b8a3e;
|
|
266
|
+
--oc-green-9-rgb: 43, 138, 62;
|
|
267
|
+
|
|
268
|
+
|
|
269
|
+
/* Lime
|
|
270
|
+
* ─────────────────────────────────── */
|
|
271
|
+
|
|
272
|
+
--oc-lime-0: #f4fce3;
|
|
273
|
+
--oc-lime-0-rgb: 244, 252, 227;
|
|
274
|
+
--oc-lime-1: #e9fac8;
|
|
275
|
+
--oc-lime-1-rgb: 233, 250, 200;
|
|
276
|
+
--oc-lime-2: #d8f5a2;
|
|
277
|
+
--oc-lime-2-rgb: 216, 245, 162;
|
|
278
|
+
--oc-lime-3: #c0eb75;
|
|
279
|
+
--oc-lime-3-rgb: 192, 235, 117;
|
|
280
|
+
--oc-lime-4: #a9e34b;
|
|
281
|
+
--oc-lime-4-rgb: 169, 227, 75;
|
|
282
|
+
--oc-lime-5: #94d82d;
|
|
283
|
+
--oc-lime-5-rgb: 148, 216, 45;
|
|
284
|
+
--oc-lime-6: #82c91e;
|
|
285
|
+
--oc-lime-6-rgb: 130, 201, 30;
|
|
286
|
+
--oc-lime-7: #74b816;
|
|
287
|
+
--oc-lime-7-rgb: 116, 184, 22;
|
|
288
|
+
--oc-lime-8: #66a80f;
|
|
289
|
+
--oc-lime-8-rgb: 102, 168, 15;
|
|
290
|
+
--oc-lime-9: #5c940d;
|
|
291
|
+
--oc-lime-9-rgb: 92, 148, 13;
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
/* Yellow
|
|
295
|
+
* ─────────────────────────────────── */
|
|
296
|
+
|
|
297
|
+
--oc-yellow-0: #fff9db;
|
|
298
|
+
--oc-yellow-0-rgb: 255, 249, 219;
|
|
299
|
+
--oc-yellow-1: #fff3bf;
|
|
300
|
+
--oc-yellow-1-rgb: 255, 243, 191;
|
|
301
|
+
--oc-yellow-2: #ffec99;
|
|
302
|
+
--oc-yellow-2-rgb: 255, 236, 153;
|
|
303
|
+
--oc-yellow-3: #ffe066;
|
|
304
|
+
--oc-yellow-3-rgb: 255, 224, 102;
|
|
305
|
+
--oc-yellow-4: #ffd43b;
|
|
306
|
+
--oc-yellow-4-rgb: 255, 212, 59;
|
|
307
|
+
--oc-yellow-5: #fcc419;
|
|
308
|
+
--oc-yellow-5-rgb: 252, 196, 25;
|
|
309
|
+
--oc-yellow-6: #fab005;
|
|
310
|
+
--oc-yellow-6-rgb: 250, 176, 5;
|
|
311
|
+
--oc-yellow-7: #f59f00;
|
|
312
|
+
--oc-yellow-7-rgb: 245, 159, 0;
|
|
313
|
+
--oc-yellow-8: #f08c00;
|
|
314
|
+
--oc-yellow-8-rgb: 240, 140, 0;
|
|
315
|
+
--oc-yellow-9: #e67700;
|
|
316
|
+
--oc-yellow-9-rgb: 230, 119, 0;
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
/* Orange
|
|
320
|
+
* ─────────────────────────────────── */
|
|
321
|
+
|
|
322
|
+
--oc-orange-0: #fff4e6;
|
|
323
|
+
--oc-orange-0-rgb: 255, 244, 230;
|
|
324
|
+
--oc-orange-1: #ffe8cc;
|
|
325
|
+
--oc-orange-1-rgb: 255, 232, 204;
|
|
326
|
+
--oc-orange-2: #ffd8a8;
|
|
327
|
+
--oc-orange-2-rgb: 255, 216, 168;
|
|
328
|
+
--oc-orange-3: #ffc078;
|
|
329
|
+
--oc-orange-3-rgb: 255, 192, 120;
|
|
330
|
+
--oc-orange-4: #ffa94d;
|
|
331
|
+
--oc-orange-4-rgb: 255, 169, 77;
|
|
332
|
+
--oc-orange-5: #ff922b;
|
|
333
|
+
--oc-orange-5-rgb: 255, 146, 43;
|
|
334
|
+
--oc-orange-6: #fd7e14;
|
|
335
|
+
--oc-orange-6-rgb: 253, 126, 20;
|
|
336
|
+
--oc-orange-7: #f76707;
|
|
337
|
+
--oc-orange-7-rgb: 247, 103, 7;
|
|
338
|
+
--oc-orange-8: #e8590c;
|
|
339
|
+
--oc-orange-8-rgb: 232, 89, 12;
|
|
340
|
+
--oc-orange-9: #d9480f;
|
|
341
|
+
--oc-orange-9-rgb: 217, 72, 15;
|
|
342
|
+
|
|
343
|
+
}
|