完整主题

你好 @Renato_Mendes :wave:

哦,我明白了,所以你只想在一种配色方案中使用透明背景。我不知道这一点。

有几种方法可以做到 :arrow_down_small:

  1. dark-light-choose():可以使用它来实现,但在这种情况下不太实用,因为它会创建变量。最好用于颜色。

  1. schemeType:如果你想按方案类型使用它,这个更好。
使用 schemeType

这是使用 schemeType 的方法

从你创建的组件中删除之前的代码,并将新代码放入组件的 颜色定义 部分,如下图所示。

这只会激活浅色方案中的代码。

通用 / 颜色定义

@if #{schemeType()} == light {
  .desktop-view {
    .has-sidebar-page {
      .d-header-wrap {
        &:before {
          background: transparent;
          border-right: none;
        }
      }
    }
  }
}

  1. 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 :wave: 我给你发了私信。

2 个赞