浮动面板设置样式失败

[Morakes]

About styles 🛠️

通过VarStyleProvider设置VarFloatingPanel样式失效

<var-style-provider
    :style-vars="{
      '--floating-panel-background': 'var(--dark-bg-color)',
    }"
  >
 <var-floating-panel></...>

</...>

[chouchouji]

teleport 会影响 css variable

Link

[Morakes]

是的 我在浮动面板中使用了 teleport
通过样式穿透也没办法修改颜色

:deep(.var-floating-panel) {
  background-color: var(--dark-bg-color);
}

目前我通过直接修改 root下的--floating-panel-background 来改变颜色 但是会影响全局的
请问有其他的解决方案吗 😀

[chouchouji]

是的 我在浮动面板中使用了 teleport 通过样式穿透也没办法修改颜色

:deep(.var-floating-panel) {
  background-color: var(--dark-bg-color);
}

目前我通过直接修改 root下的--floating-panel-background 来改变颜色 但是会影响全局的 请问有其他的解决方案吗 😀

试试选择dom，然后设置颜色