I don't get why changing the theme doesn't change the SideNav background-color

[Pierre-Monier]

After testing CarbonTheme, I run through something weird. Changing theme as no effect on the SideNav background color 🤔 . It doesn't seem to be a bug, so I'm asking why it's working like that ? If the user choose to set a dark theme, I think it's annoying for him to have a full white SideNav component when he clicks on the hamburger menu. What was the idea behind that ?

I made a sandbox to demonstrate

[jazmik]

The core carbon project haven't supported themes on the sidebar yet. See my response #762 (comment) to a similar question for a workaround.

[isrealbm]

After testing CarbonTheme, I run through something weird. Changing theme as no effect on the SideNav background color 🤔 . It doesn't seem to be a bug, so I'm asking why it's working like that ? If the user choose to set a dark theme, I think it's annoying for him to have a full white SideNav component when he clicks on the hamburger menu. What was the idea behind that ?

I made a sandbox to demonstrate

Seem current version not has any props to do that, but you can change background by this way:

  :global(.bx--side-nav__navigation) {
    background-color: #111; /* Any HEX you want */
  }

  :global(.bx--side-nav__link .bx--side-nav__icon svg) {
    fill: #fff; /* Any HEX you want */
  }

[metonym]

I believe the next major version of Carbon will support a theme-able UI Shell.