Change UIShell color

[ghost]

Hello, I use UIShell as my website header, but it is black. How can I change its color to white?

[metonym]

@canyonwater Currently, the UI Shell is the only component that does not support theming. See the discussion here: https://github.com/carbon-design-system/carbon-components-svelte/issues/787

It appears that the next major version of carbon-components will support a theme-able UI Shell.

For now, however, the only workaround is to override the UI Shell CSS.

[ghost]

Alright thanks. When will the next major version of carbon-components be released?

[pelletier197]

The version 11 of carbon-components has been released and it seems to support theming of the sidebar now! https://carbondesignsystem.com/components/UI-shell-left-panel/style

[andrewrisse]

Hi, looking for an update on when this ability to theme the UI Shell components might be brought into carbon components svelte. Thanks!

[theetrain]

Hi @andrewrisse - UIShell themability will be part of the overall https://github.com/carbon-design-system/carbon-components-svelte/issues/1629 task (sub-ticket: https://github.com/carbon-design-system/carbon-components-svelte/issues/1674).

Once Carbon v11 styles are rolled out fully, you'll be able to customize UIShell and have it feature light and dark mode. Unfortunately this is a large-scope effort and I do not have a timeline to share; but contributions are welcome; see the contribution guide for more details: https://github.com/carbon-design-system/carbon-components-svelte/discussions/1872.