哦,我明白了,所以你只想在一种配色方案中使用透明背景。我不知道这一点。
有几种方法可以做到 ![]()
dark-light-choose():可以使用它来实现,但在这种情况下不太实用,因为它会创建变量。最好用于颜色。
schemeType:如果你想按方案类型使用它,这个更好。
使用 schemeType
这是使用 schemeType 的方法
从你创建的组件中删除之前的代码,并将新代码放入组件的 颜色定义 部分,如下图所示。
这只会激活浅色方案中的代码。
通用 / 颜色定义
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
- Targetable Color Schemes :如果你有更多的配色方案和/或想针对特定的配色方案进行更改,那么这个主题组件非常适合你。
使用可定位的颜色方案
此组件将实际的颜色方案放入 html 中,因此你可以使用 CSS 来定位它。
这是使用方法:
安装组件。
检查你想要更改内容的颜色方案 ID。
你可以在这里找到
或者
/admin/customize/colors
颜色页面。在这里,如果你点击一个颜色方案,ID 将会添加到 URL 中。
现在你可以在代码中使用它了。不要忘记删除之前添加的代码。
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
你好 @packman
我给你发了私信。


