this repo has no description
updated font + colours
+40
-34
+1
-1
siteconfig.json
+1
-1
siteconfig.json
+4
-5
src/_includes/sass/_fonts.scss
+4
-5
src/_includes/sass/_fonts.scss
···
1
1
@font-face {
2
-
font-family: "Recursive";
2
+
font-family: "mono";
3
3
src:
4
-
local("Recursive"),
5
-
local("Recursive"),
6
-
url("assets/Recursive_VF.woff2") format(woff) tech(variations);
7
-
font-display: block;
4
+
local("JetBrains Mono Regular"),
5
+
url("assets/jet_brains_mono_regular.woff2.woff2") format(woff) tech(variations);
6
+
// font-display: block;
8
7
font-style: normal;
9
8
}
+34
-27
src/_includes/sass/root.scss
+34
-27
src/_includes/sass/root.scss
···
3
3
@use "socials";
4
4
5
5
:root {
6
-
--background-color: var(--arc-palette-background, #eee);
7
-
--background-extra-color: var(--arc-palette-backgroundExtra, #ddd);
8
-
--title-color: var(--arc-palette-title, #333);
9
-
--subtitle-color: var(--arc-palette-subtitle, #333);
10
-
--link-color: var(--arc-palette-title, #000);
11
-
--text-color: var(--arc-palette-foregroundPrimary, #333);
12
-
--color-primary: var(--arc-palette-foregroundPrimary, #333);
13
-
--color-subtle: var(--arc-palette-foregroundSecondary, #4f4f4f);
14
-
--color-hover: var(--arc-palette-hover, #0000001a);
15
-
--color-focus: var(--arc-palette-focus);
6
+
--col-fg: #f9f5d7;
7
+
--col-bg: #141818;
8
+
--col-red: #cc241d;
9
+
--col-orange: #d75e1d; // #d8813a;
10
+
--col-blue: #3a8acf;
11
+
// --col-fg: #fbf1c7;
12
+
16
13
--font-size: 16px;
17
14
}
18
15
···
32
29
margin: auto;
33
30
max-width: 650px;
34
31
35
-
background-color: var(--background-color);
36
-
color: var(--text-color);
32
+
background-color: var(--col-bg);
33
+
color: var(--col-fg);
37
34
38
-
font-family: "Recursive", monospace;
35
+
font-family: "mono", monospace;
39
36
font-variation-settings: "wght" 400;
40
37
font-size: var(--font-size);
41
38
font-variant-ligatures: common-ligatures;
···
49
46
text-align: left;
50
47
word-wrap: break-word;
51
48
overflow-wrap: break-word;
52
-
line-height: 1.4;
49
+
line-height: 1.6;
53
50
}
54
51
55
52
main {
···
57
54
}
58
55
59
56
header {
60
-
line-height: 1.5;
57
+
// line-height: 1.5;
61
58
margin-bottom: 4em;
62
59
63
60
h1 {
···
68
65
}
69
66
70
67
.note {
71
-
font-family: "Recursive", monospace;
68
+
// font-family: "mono", monospace;
72
69
font-size: smaller;
73
-
color: var(--color-subtle);
70
+
color: var(--col-lfg);
74
71
}
75
72
}
76
73
77
74
content {
78
-
line-height: 1.5;
79
-
font-family: "Recursive", monospace;
75
+
// line-height: 1.5;
76
+
// font-family: "mono", monospace;
77
+
78
+
h1 {
79
+
color: var(--col-red);
80
+
}
81
+
82
+
h2 {
83
+
color: var(--col-orange);
84
+
font-size: 1.25em;
85
+
}
86
+
87
+
h3 {
88
+
color: var(--col-blue);
89
+
font-size: var(--font-size);
90
+
}
80
91
81
92
h1,
82
93
h2,
83
94
h3 {
84
95
font-variation-settings: "wght" 600;
85
-
line-height: 1.2;
96
+
// line-height: 1.6;
86
97
}
87
98
88
99
p code {
···
92
103
}
93
104
}
94
105
95
-
code {
96
-
font-family: "Recursive", monospace;
97
-
}
98
-
99
106
a {
100
-
color: var(--link-color);
107
+
color: var(--col-blue);
101
108
102
-
:visited {
103
-
color: var(--link-color);
109
+
&:hover {
110
+
color: #445f98;
104
111
}
105
112
}
106
113
src/assets/jet_brains_mono_regular.woff2
src/assets/jet_brains_mono_regular.woff2
This is a binary file and will not be displayed.