Привет @Renato_Mendes 
А, понятно, значит вы хотите использовать прозрачный фон только для одной цветовой схемы. Я этого не знал.
Есть несколько способов сделать это 
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.
Вот как его использовать:
Установите компонент.
Проверьте идентификатор цветовой схемы, в которой хотите внести изменения.
Вы можете найти его здесь:
или
/admin/customize/colors
Страница цветов. Здесь, если вы нажмёте на цветовую схему, её идентификатор будет добавлен в URL.
Теперь вы можете использовать это в коде. Не забудьте удалить ранее добавленный код.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Привет @packman Я отправил вам личное сообщение.