问一下自定义css修改, 如何适配不同主题

[GJKen]

冒昧的问一下, 我个人不是很会前端

如何自定义元素的背景颜色, 以致于可适配不同主题的切换

background-color: var(--bgColor-default, var(--color-canvas-default));

修改--bgColor-default, 或者是--color-canvas-default的值切换主题都会出现问题, 我太菜了

[Meekdai]

你可以使用 @media (prefers-color-scheme: light)的方式来定义颜色变量 ，或者可以直接使用primer.css里面的不同主题对应的颜色变量也行

[GJKen]

你可以使用 @media (prefers-color-scheme: light)的方式来定义颜色变量 ，或者可以直接使用primer.css里面的不同主题对应的颜色变量也行

我是直接修改primer.css

增加了@media响应dark模式

实际换到dark主题还是未生效