From fa3d73fe174f0b163e76e99ec7b6af6e7c5a5ae1 Mon Sep 17 00:00:00 2001
From: radishzzz <shuyinsen@gmail.com>
Date: Mon, 20 Jan 2025 21:49:33 +0000
Subject: [PATCH] test: meta theme-color issue

---
 astro.config.ts           | 12 +++++++++++-
 src/components/Head.astro |  2 +-
 src/config/index.ts       |  8 ++++----
 src/styles/global.css     |  2 +-
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/astro.config.ts b/astro.config.ts
index 905cae3..b02d5f0 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -59,7 +59,17 @@ export default defineConfig({
       policy: [{ userAgent: '*', allow: '/' }],
       sitemap: true,
     }),
-    compress(),
+    compress({
+      HTML: {
+        'html-minifier-terser': {
+          removeAttributeQuotes: false,
+          collapseWhitespace: true,
+          removeComments: true,
+          removeEmptyAttributes: true,
+          removeRedundantAttributes: true,
+        },
+      },
+    }),
   ],
   markdown: {
     remarkPlugins: [
diff --git a/src/components/Head.astro b/src/components/Head.astro
index 0aef9d2..27d348a 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -28,7 +28,7 @@ const { cdn, commentURL = '', imageHostURL = '', customGoogleAnalyticsURL = '',
 <meta name="author" content={author} />
 <meta name="generator" content={Astro.generator} />
 <meta name="color-scheme" content="light dark" />
-<meta name="theme-color" content={lightMode} />
+<meta name="theme-color" media="(prefers-color-scheme: light)" content={lightMode} />
 <meta name="theme-color" media="(prefers-color-scheme: dark)" content={darkMode} />
 <meta itemprop="name" content={postTitle || title} />
 <meta itemprop="image" content={postImage || siteScreenshot} />
diff --git a/src/config/index.ts b/src/config/index.ts
index 2e66242..2467788 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -16,13 +16,13 @@ export const themeConfig: ThemeConfig = {
   color: {
     mode: 'light', // light, dark, DEFAULT to match system theme
     light: {
-      primary: '#505050', // title text color in light mode
-      secondary: '#17191A', // posts text color in light mode
+      primary: '#17191A', // title text color in light mode
+      secondary: '#505050', // post text color in light mode
       background: '#F7EEEC', // background color in light mode
     },
     dark: {
-      primary: '#A0A09F', // title text color in dark mode
-      secondary: '#BEBEBE', // posts text color in dark mode
+      primary: '#BEBEBE', // title text color in dark mode
+      secondary: '#A0A09F', // post text color in dark mode
       background: '#161616', // background color in dark mode
     },
   },
diff --git a/src/styles/global.css b/src/styles/global.css
index 79a634d..f7d8dc8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -7,7 +7,7 @@ html {
   --at-apply: 'scroll-smooth antialiased text-62.5%';
 }
 body {
-  --at-apply: 'bg-background text-primary text-1.6rem';
+  --at-apply: 'bg-background text-secondary text-1.6rem';
 }
 @supports not (view-transition-name: none) {
   body {