OpenSourceJoker/vue-color-avatar
OpenSourceJoker/vue-color-avatar
3
0
Fork 0
mirror of https://github.com/Codennnn/vue-color-avatar.git synced 2025-02-23 06:49:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

leoku

Browse Source
This commit is contained in:
LeoKu 2022-06-08 21:55:57 +08:00
parent f9243a41bc
commit b6fc6eef52
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -5,6 +5,11 @@
<link rel="icon" href="/favicon.svg" /> <link rel="icon" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="A pure front-end avatar generator." /> <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 property="og:title" content="Vue Color Avatar" />
<meta <meta

4
src/styles/global.scss
View File

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

3
src/utils/index.ts
View File

@ -73,7 +73,8 @@ export function getRandomAvatarOption(
color: getRandomValue(SETTINGS.backgroundColor, { color: getRandomValue(SETTINGS.backgroundColor, {
avoid: [ avoid: [
useOption.background?.color, 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.
], ],
}), }),
}, },