Merge pull request #482 from timlrx/feat/meta-prefers-color-scheme

timlrx · web-flow · commit d05992b145c1 · 2022-06-15T22:39:10.000+08:00
feat: use prefers-color-scheme for meta theme-color
diff --git a/pages/_document.js b/pages/_document.js
@@ -20,7 +20,8 @@ class MyDocument extends Document {
           <link rel="manifest" href="/static/favicons/site.webmanifest" />
           <link rel="mask-icon" href="/static/favicons/safari-pinned-tab.svg" color="#5bbad5" />
           <meta name="msapplication-TileColor" content="#000000" />
-          <meta name="theme-color" content="#000000" />
+          <meta name="theme-color" media="(prefers-color-scheme: light)" content="#fff" />
+          <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000" />
           <link rel="alternate" type="application/rss+xml" href="/feed.xml" />
         </Head>
         <body className="bg-white text-black antialiased dark:bg-gray-900 dark:text-white">
