feat: 完善暗色主题移动端适配 meta theme color

src/components/BaseFooter.astro

@@ -31,7 +31,7 @@
   }
 
   :global(.dark) footer {
-    background: black;
+    background: var(--background);
     box-shadow: rgba(255, 255, 255, .3) 0px -1px 3px 0px;
   }
 

src/components/BaseHeader.astro

@@ -83,7 +83,7 @@ import ThemeIcon from './ThemeIcon.astro'
   }
 
   :global(.dark) header {
-    background: #000000;
+    background: var(--background);
     box-shadow: rgba(255, 255, 255, .3) 0px 1px 2px 0px;
   }
 

src/components/ThemeIcon.astro

@@ -39,6 +39,8 @@
 </style>
 
 <script is:inline>
+  const meta = document.querySelector('meta[name="theme-color"]');
+
   const theme = (() => {
     const localStorageTheme = localStorage?.getItem("theme") ?? '';
     if (['dark', 'light'].includes(localStorageTheme)) {
@@ -56,6 +58,8 @@
     document.documentElement.classList.add('dark');
   }
 
+  meta.setAttribute('content', theme === 'dark' ? '#0a0a0a' : '#ffffff');
+
   window.localStorage.setItem('theme', theme);
 
   const handleToggleClick = () => {