diff --git a/index.html b/index.html
index 52e715ab15f09349acd09a854de09b8de3531937..ac1577d797d54e6b2502835f61a1ba031c0fa0c0 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,11 @@
     <link rel="icon" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="A pure front-end avatar generator." />
+    <meta
+      name="keywords"
+      content="vector avatar,illustrations,avatar generator,avatar creator,fun avatar,随机头像,卡通头像在线免费生成工具"
+    />
+    <meta content="dark" name="color-scheme" />
 
     <meta property="og:title" content="Vue Color Avatar" />
     <meta
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 1a4889aff31b8671ebbb324a4457570e0ebe862c..017b7943bb056570ebb9353ae24c0038be475f81 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -11,6 +11,10 @@
     local(Arial), local(sans-serif);
 }
 
+:root {
+  color-scheme: dark;
+}
+
 html,
 body {
   height: 100%;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index cce06b45be2dec6aa7c99731bd9d2f8600f9e1a6..5b218a75e9d421d3f563a0c49c0afc736da3e85e 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -73,7 +73,8 @@ export function getRandomAvatarOption(
       color: getRandomValue(SETTINGS.backgroundColor, {
         avoid: [
           useOption.background?.color,
-          hairShape === TopsShape.Punk && hairColor, // Handle special cases and prevent color conflicts.
+          (hairShape === TopsShape.Punk || hairShape === TopsShape.Fonze) &&
+            hairColor, // Handle special cases and prevent color conflicts.
         ],
       }),
     },