vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

hardcoded it because its werid

Browse Source
This commit is contained in:
Yannik
2024-02-13 12:37:56 +01:00
parent 01416bddf5
commit 3cd4442182
3 changed files with 25 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/Layout.astro
View File

@@ -9,10 +9,6 @@ const { description } = Astro.props;
import "../styles/main.scss";
import "../styles/callout.scss";
import styles from "../styles/_var.scss";
const accentColorMatch = styles.match(/accentColor: ([^;]+)/);
const accentColor = accentColorMatch ? accentColorMatch[1] : "";
import Navbar from "../components/Navbar.astro";
import Footer from "../components/Footer.astro";
@@ -24,7 +20,7 @@ import { ViewTransitions } from "astro:transitions";
<head>
<meta charset="UTF-8" />
<meta name="darkreader-lock" />
<meta name="theme-color" content={accentColor} />
<meta name="theme-color" content="#7eca9c" />
<meta name="description" content={description} />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />

29
src/styles/_var.scss
View File

@@ -1,9 +1,28 @@
@font-face {
font-family: "Tanker-Regular";
src: url("/fonts/Tanker-Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Satoshi-Regular";
src: url("/fonts/Satoshi-Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Satoshi-Bold";
src: url("/fonts/Satoshi-Bold.ttf") format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal;
}
$primary: #1c1427;
$accent: #7eca9c;
$link: #ccffbd;
$highlight-primary: #40394a;
:export {
primaryColor: $primary;
accentColor: $accent;
}

24
src/styles/main.scss
View File

@@ -5,30 +5,6 @@
--accent-color: $accent; // conversion for theme color meta tag
}
@font-face {
font-family: "Tanker-Regular";
src: url("/fonts/Tanker-Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Satoshi-Regular";
src: url("/fonts/Satoshi-Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Satoshi-Bold";
src: url("/fonts/Satoshi-Bold.ttf") format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal;
}
::selection {
background-color: $accent;
}