search

carbon-design-system / carbon-components-svelte

Svelte implementation of the Carbon Design System
https://svelte.carbondesignsystem.com
Apache License 2.0
2.64k stars 256 forks source link

Change UIShell color #892

Open ghost opened 2 years ago

ghost commented 2 years ago

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

metonym commented 2 years ago

@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 commented 2 years ago

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

pelletier197 commented 2 years ago

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 commented 3 months ago

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

theetrain commented 3 months ago

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.