diff --git a/astro/src/layouts/WebpageLayout.astro b/astro/src/layouts/WebpageLayout.astro
index f1b8806..7358e5a 100644
--- a/astro/src/layouts/WebpageLayout.astro
+++ b/astro/src/layouts/WebpageLayout.astro
@@ -12,6 +12,7 @@ const settings = await getSettings();
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<link rel="icon" href="/favicon.ico" />
 		<meta name="viewport" content="width=device-width" />
+        <meta name="theme-color" content={settings.website.colors.primary} />
 
         <!-- High Priority Page Metadata -->
 		<title>{settings.website.titleTemplate.replaceAll("%T", "")}</title>