[Q/A] The icons color disappears in dev (gray-scaled)

[Dreamcreative]

What happened?

i use pnpm create plasmo created a project，and pnpm dev。Then the .plasmo/gen-assets icons's color was disappeared。But i copy generate-icons.ts code execute locally , It's normal ！！！

Version

Latest

What OS are you seeing the problem on?

MacOSX

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

(OPTIONAL) Contact Details

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.

[louisgv]

By color disappear, do you mean the color got grayscaled? It's intentional for plasmo dev. To retain color or provide your own dev icon, you can provide a icon.development.png. Use pnpm build to see production build, which should have color

Doc: https://docs.plasmo.com/browser-extension/icon

[Dreamcreative]

oh ，i got it !!!

if (devProvidedIcon !== undefined) {
  if (basename(devProvidedIcon).includes('.development.')) {
    return copy(devProvidedIcon, generatedIconPath);
  } else {
    return sharp(devProvidedIcon).grayscale().toFile(generatedIconPath);
  }
} else {
  return baseIcon
    .resize({ width, height: width })
    .greyscale(!basename(baseIconPath).includes('.development.'))
    .toFile(generatedIconPath);
}