leoku

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

src/styles/global.scss

@@ -11,6 +11,10 @@
     local(Arial), local(sans-serif);
 }
 
+:root {
+  color-scheme: dark;
+}
+
 html,
 body {
   height: 100%;

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.
         ],
       }),
     },