added accent color in more places

2024-02-13 11:11:38 +01:00
parent 5a1204c211
commit 01416bddf5
3 changed files with 45 additions and 26 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -9,6 +9,10 @@ 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";

@@ -20,6 +24,7 @@ import { ViewTransitions } from "astro:transitions";
  <head>
    <meta charset="UTF-8" />
    <meta name="darkreader-lock" />
+    <meta name="theme-color" content={accentColor} />
    <meta name="description" content={description} />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -29,6 +34,7 @@ import { ViewTransitions } from "astro:transitions";
  </head>
  <body>
    <Navbar />
+
    <main>
      <slot />
    </main>