Muito, muito obrigado, Don! E desculpe, mas fiquei confuso. Minha pergunta, na verdade, é: como altero e aplico qualquer cor de apenas um esquema de cores através do CSS?
Tentei cegamente isto e não funcionou:
@if #{schemeType()} == dark {
#main-outlet-wrapper .sidebar-container, .sidebar-footer-wrapper .sidebar-footer-container, .sidebar-hamburger-dropdown .sidebar-footer-wrapper .sidebar-footer-container, .sidebar-hamburger-dropdown, .hamburger-panel .revamped.menu-panel.slide-in {
background-color: #24544D var(--sidebar-color);
}
}
Agora o texto encapsulado parece ter a mesma cor do encapsulador, e se eu o alterar através do CSS, o texto encapsulado do tema claro também será alterado, mas eu não quero isso:
Desculpe incomodá-lo novamente com isso.