From 3830c9f05df3af51623f17b549376129ae4f71c7 Mon Sep 17 00:00:00 2001
From: ohplz <ohplz@qq.com>
Date: Sun, 12 Mar 2023 23:12:59 +0800
Subject: [PATCH] feature: set color for mobile browser status bar

it'll diffirent due to the dark or light mode of mobile devices.
---
 components/PageHead.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/PageHead.tsx b/components/PageHead.tsx
index d379ee7776..73a264e38c 100644
--- a/components/PageHead.tsx
+++ b/components/PageHead.tsx
@@ -29,6 +29,9 @@ export const PageHead: React.FC<
         content='width=device-width, initial-scale=1, shrink-to-fit=no'
       />
 
+      <meta name="theme-color" media="(prefers-color-scheme: light)" content="#fefffe" key="theme-color-light"/>
+      <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#2d3439" key="theme-color-dark"/>
+
       <meta name='robots' content='index,follow' />
       <meta property='og:type' content='website' />