Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Question]: Tokens to use to override UI-shell header background color.

See original GitHub issue

Question for Carbon

We are attempting to update the color of the ui-shell header background color .bx--header with our own internal color styling; however, we keep getting the default color (#161616) despite our styling properly taking effect in the other components. Currently, we’re overriding the token $ui-05 with the color we want. From the documentation/source code, it seems like $ui-o5 is the token we should be using.

Can you confirm this is the token we should be using or if another token is more appropriate?

Also, FYI, the documentation (https://www.carbondesignsystem.com/guidelines/themes/overview/#customizing-a-theme) says that $ui-05 is actually equal to #171717 instead of #161616.

Code of Conduct

I agree to follow this project’s Code of Conduct

Issue Analytics

State:
Created 2 years ago
Comments:10 (6 by maintainers)

Top GitHub Comments

1reaction

MJordanMillimancommented, Mar 7, 2022

I will test this today and then close the ticket.

0reactions

joshblackcommented, Apr 13, 2022

Going to close this out as this has not been active for several weeks. Feel free to comment and we can re-open the issue!

Top Results From Across the Web

UI shell header – Carbon Design System

Color. The UI Shell can be customized to use any of the four IBM themes by ... Element, Property, Color token. Header, background...

UI shell right panel – Carbon Design System

Color. Note: The UI Shell does not currently use the Carbon theme tokens; theming options for the shell ... .bx--header-panel, background color, Gray...

Change the sections header background color in UITableView ...

If you're using only titleForHeaderInSection : func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) { (view ...

How to Create a Multicolored Theme for a Modern SharePoint ...

The option to change the header background color is a very recent addition. I already got a few comments about people trying to...

Preferences - Notepad++ User Manual

The color of the line or background shading will be taken from Settings ... Font pulldown: use selected font for the header or...