Olá @Renato_Mendes 
Ah, entendi, então você só quer usar o fundo transparente em um esquema de cores. Eu não sabia disso.
Existem várias maneiras de fazer isso 
dark-light-choose(): É possível fazer isso com ele, mas não é muito prático neste caso, pois cria variáveis. É melhor usá-lo para cores.
schemeType: Este é melhor para este caso de uso se você quiser usá-lo por tipo de esquema.
Usar schemeType
Veja como usar schemeType
Remova o código anterior do componente que você criou e coloque o novo na seção Definições de Cores do componente, como você vê na imagem.
Isso ativará o código apenas no esquema claro.
Comum / Definições de Cores
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
- Targetable Color Schemes : Se você tiver mais esquemas de cores e/ou quiser direcionar um esquema de cores específico onde deseja alterar as coisas, este componente de tema é ideal para você.
Usar Esquemas de Cores Direcionáveis
Este componente coloca o esquema de cores real no html, para que você possa direcioná-lo com CSS.
Veja como usá-lo:
Instale o componente.
Verifique o ID do esquema de cores onde você deseja fazer alterações.
Você pode encontrá-lo aqui
ou
/admin/customize/colors
Página de Cores. Aqui, se você clicar em um esquema de cores, o ID será adicionado à URL.
Agora você pode usar isso no código. Não se esqueça de remover o código adicionado anteriormente.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Olá @packman Enviei uma mensagem privada para você.