Periodic/blazestar.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Basically finishes styling

Browse Source
This commit is contained in:
Drew Haven
2025-06-21 21:40:40 -07:00
parent 2ad5e29cad
commit 0daac5bba4
33 changed files with 412 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/styles/global.css
View File

@@ -5,17 +5,15 @@
*/
:root {
--color-gold: #ffd700;
--color-space-blue: #0b0f1a;
--color-gold: #e99c1a;
--color-space-blue: #1c2329;
--color-gray: #7f8c8d;
--color-light-text: rgb(229, 233, 240);
--color-light-text: #dcdcc6;
--color-red: #d75422;
--accent: #2337ff;
--accent-dark: #000d8a;
--black: 15, 18, 25;
--gray: 96, 115, 159;
--gray-light: 229, 233, 240;
--gray-dark: 34, 41, 57;
--color-accent: var(--color-red);
--background: var(--color-space-blue);
--background-light: lighten(var(--color-space-blue));
}
@font-face {
@@ -34,6 +32,61 @@
font-display: swap;
}
@font-face {
font-family: "Fira Code";
src:
url("woff2/FiraCode-Light.woff2") format("woff2"),
url("woff/FiraCode-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Fira Code";
src:
url("woff2/FiraCode-Regular.woff2") format("woff2"),
url("woff/FiraCode-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Fira Code";
src:
url("woff2/FiraCode-Medium.woff2") format("woff2"),
url("woff/FiraCode-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Fira Code";
src:
url("woff2/FiraCode-SemiBold.woff2") format("woff2"),
url("woff/FiraCode-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Fira Code";
src:
url("woff2/FiraCode-Bold.woff2") format("woff2"),
url("woff/FiraCode-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Fira Code VF";
src:
url("woff2/FiraCode-VF.woff2") format("woff2-variations"),
url("woff/FiraCode-VF.woff") format("woff-variations");
/* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */
font-weight: 300 700;
font-style: normal;
}
body {
font-family: "Atkinson", sans-serif;
margin: 0;
@@ -79,10 +132,10 @@ b {
font-weight: 700;
}
a {
color: var(--accent);
color: var(--color-accent);
}
a:hover {
color: var(--accent);
color: var(--color-accent);
}
p {
margin-bottom: 1em;
@@ -107,7 +160,7 @@ img {
}
code {
padding: 2px 5px;
background-color: rgb(var(--gray-light));
background-color: rgb(var(--background-light));
border-radius: 2px;
}
pre {