Mae's website :3
maemoon.me
personal
website
svelte
sveltekit
light mode
+14
-16
+3
-5
src/app.html
+3
-5
src/app.html
···
5
5
<meta charset="utf-8" />
6
6
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
7
7
<meta name="viewport" content="width=device-width, initial-scale=1" />
8
-
<link rel="preconnect" href="https://fonts.googleapis.com" />
9
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10
-
<link
11
-
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
12
-
rel="stylesheet" />
8
+
<link rel="preconnect" href="https://fonts.googleapis.com">
9
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
13
11
%sveltekit.head%
14
12
</head>
15
13
+11
-11
src/lib/global.css
+11
-11
src/lib/global.css
···
4
4
}
5
5
6
6
body {
7
-
background-color: #191724;
8
-
color: #e0def4;
7
+
background-color: #ECEFF4;
8
+
color: #2E3440;
9
9
word-wrap: break-word;
10
10
}
11
11
12
12
h1 {
13
-
font-family: 'Lato';
13
+
font-family: 'Inter';
14
14
}
15
15
16
16
h2 {
17
-
font-family: 'Lato';
18
-
color: #908caa;
17
+
font-family: 'Inter';
18
+
color: #434C5E;
19
19
font-size: 1.2rem;
20
20
}
21
21
22
22
p {
23
-
font-family: 'Lato';
23
+
font-family: 'Inter';
24
24
font-size: 1.2rem;
25
25
padding-bottom: 1em;
26
26
}
27
27
28
28
a {
29
-
font-family: 'Lato';
29
+
font-family: 'Inter';
30
30
font-size: 1.2rem;
31
-
color: #eb6f92;
31
+
color: #3B4252;
32
32
}
33
33
34
34
a:focus {
35
-
outline: #c4a7e7 solid 2px;
35
+
outline: #4C566A solid 2px;
36
36
border-radius: 3px;
37
-
background-color: #c4a7e740;
37
+
background-color: #E5E9F0;
38
38
}
39
39
40
40
a:hover {
41
-
color: #ebbcba;
41
+
color: #4C566A;
42
42
}