Hola @Renato_Mendes 
Oh, ya veo, así que solo quieres usar el fondo transparente en un esquema de color. No lo sabía.
Hay varias formas de hacerlo 
dark-light-choose(): Es posible hacerlo con esto pero no es muy práctico en este caso ya que crea variables. Es mejor usarlo para colores.
schemeType: Este es mejor para este caso de uso si quieres usarlo por tipo de esquema.
Usar schemeType
Así es como se usa schemeType
Elimina el código anterior del componente que creaste y coloca el nuevo en la sección Definiciones de color del componente, como ves en la imagen.
Esto solo activará el código en el esquema claro.
Común / Definiciones de color
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
- Targetable Color Schemes : Si tienes más esquemas de color y/o quieres apuntar a un esquema de color específico donde quieras cambiar cosas, entonces este componente de tema es ideal para ti.
Usar esquemas de color dirigibles
Este componente pone el esquema de color real en el html para que puedas apuntarlo con CSS.
Así es como se usa:
Instala el componente.
Verifica el id del esquema de color donde quieres cambiar cosas.
Puedes encontrarlo aquí
o
/admin/customize/colors
Página de colores. Aquí, si haces clic en un esquema de color, el id se agregará a la URL.
Ahora puedes usar esto en el código. No olvides eliminar el código agregado previamente.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Hola @packman Te envié un mensaje privado.