✨ Support Safari 15 new tab bar design

vantezzen · Jun 27, 2021 · c658ce7 · c658ce7
1 parent d01edc3
commit c658ce7
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/pages/_document.js b/pages/_document.js
@@ -86,6 +86,17 @@ class MyDocument extends Document {
           )}
           <link rel="icon" href="/favicon.ico" />
           <link rel="icon" href="/favicon.svg" type="image/svg+xml"></link>
+          {BLOG.appearance === 'auto'
+            ? (
+            <>
+            <meta name="theme-color" content={BLOG.lightBackground} media="(prefers-color-scheme: light)"/>
+            <meta name="theme-color" content={BLOG.darkBackground} media="(prefers-color-scheme: dark)"/>
+            </>
+              )
+            : (
+            <meta name="theme-color" content={BLOG.appearance === 'dark' ? BLOG.darkBackground : BLOG.lightBackground} />
+              )
+          }
         </Head>
         <body className="bg-day dark:bg-night">
           <Main />