From d64b2d4da5fedf6fb0d126f7772e27f134eae1bd Mon Sep 17 00:00:00 2001
From: Jon Christensen <jon@jmchristensendesign.com>
Date: Sat, 12 Aug 2023 14:45:31 -0500
Subject: [PATCH] Update theme colors

---
 src/assets/index.css            | 3 ++-
 src/components/Head.astro       | 3 ++-
 src/components/SearchForm.astro | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/assets/index.css b/src/assets/index.css
index bd0d6cd..56c7ce5 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -57,7 +57,7 @@
 		--site-background: var(--color-gray-800);
 		--site-color: var(--color-white);
 		--site-accent: var(--color-gray-900);
-		--site-header-background: var(--color-gray-950);
+		--site-header-background: var(--color-gray-800);
 
 		/* Scrollbar */
 		--scrollbar-color: var(--color-gray-600);
@@ -83,6 +83,7 @@ body {
 
 	background-color: var(--body-background);
 	color: var(--site-color);
+	color-scheme: light dark;
 	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 	line-height: 1.3;
 
diff --git a/src/components/Head.astro b/src/components/Head.astro
index fbd3fc7..11db8eb 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -20,7 +20,8 @@ const { title } = Astro.props;
     <link rel="icon" type="image/png" sizes="16x16" href={`${base}assets/images/favicons/favicon-16x16.png`}>
     <link rel="mask-icon" href={`${base}assets/images/favicons/safari-pinned-tab.svg`} color="#b10dc9">
 	<meta name="msapplication-TileColor" content="#b10dc9">
-	<meta name="theme-color" content="#ffffff">
+	<meta name="theme-color" media="(prefers-color-scheme: light)" content="#fff" />
+	<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000" />
 
     <title>{title}</title>
 	{ pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} /> }
diff --git a/src/components/SearchForm.astro b/src/components/SearchForm.astro
index 2fc464a..3c5f8fd 100644
--- a/src/components/SearchForm.astro
+++ b/src/components/SearchForm.astro
@@ -38,7 +38,7 @@ const properties = Object.keys(data);
 }
 
 .search-form__inner {
-	background-color: color-mix(in srgb, var(--site-accent) 30%, var(--site-background));
+	background-color: color-mix(in srgb, var(--site-accent) 50%, var(--site-background));
 	border: 1px solid var(--site-accent);
 	border-radius: 0.25rem;
 	display: flex;