Many many thanks, Don! And I’m sorry, but I got confused. My question actually is: how do I change and apply any color of only one color scheme through the CSS?
I blindly tried this and it didn’t work:
@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);
}
}
![]()
Now the wrapped text looks the same color as the wrapper, and if I change it through CSS, the light theme wrapped text will be changed too, but I don’t want that:

I’m sorry to bother you again with that.