vue-vben-admin icon indicating copy to clipboard operation
vue-vben-admin copied to clipboard

【主题】暗黑模式下,component-background 不支持 十六进制颜色的透明值。

Open M69W opened this issue 2 years ago • 2 comments

⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.

  • [ ] Read the docs.
  • [ ] Make sure the code is up to date. (Some bugs have been fixed in the latest code)
  • [ ] This is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

Describe the bug

改变 LayoutContent 区域 在 暗黑模式下背景色值, 即修改 component-background , 这里不支持 设置 十六进制颜色的透明值, 但可以使用 RGB颜色透明值 ( 即RGBA颜色透明值 )

Reproduction

/build/vite/plugin/theme.ts

- `'component-background': '#151515',`
+ 'component-background': 'rgb(255 255 255 / 0%)', // #15151580 \ rgb(255 255 255 / 0%) / rgba(223,106,95,0%)

PS: 改动此文件,需要重新 yarn dev

System Info

  • Operating System: window 10
  • Node version: v14.16.0
  • Package manager (npm/yarn/pnpm) and version: 1.22.10

M69W avatar Jul 13 '21 03:07 M69W