Update theme colors

Firestorm980 · Aug 12, 2023 · d64b2d4 · d64b2d4
1 parent e2156f4
commit d64b2d4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;