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.
[Bug]: .bx--content background disruptive for dark themes
See original GitHub issuePackage
carbon-components
Browser
Chrome
Package version
v10.46.0
Description
The .bx--content container which is part of the UI shell (not really documented properly anywhere and not used in the UI shell examples) has a background color that causes poor contrast/visibility in darker themes. For some components it clashes with existing colors.
Examples for the different themes:
Maybe .bx--content should not set a background at all?
CodeSandbox example
https://codesandbox.io/s/bx--content-l1bnj
Steps to reproduce
- Set theme to g90 or g100
- Add a content container (
.bx--content) - Add components like
ProgressIndicatorto it which use conflicting colors
Code of Conduct
- I agree to follow this project’s Code of Conduct
- I checked the current issues for duplicate problems
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Dark UI themes are new and cool — but are they accessible?
Flicker problems are reduced by dark backgrounds. Definitely true, but only helpful if a flicker issue exists in the first place.
Read more >Dark mode is everywhere. Is it really better for you?
According to Apple's human interface guidelines, dark mode allows the “content to stand out while the surrounding UI recedes into the background ...
Read more >How To Fix Outlook Dark Mode Problems (Email Design)
In this tutorial I'll explain how to stop the text in your HTML emails from changing color in Dark Mode in Outlook for...
Read more >Dark theme - Material Design
A dark theme displays dark surfaces across the majority of a UI. It's designed to be a supplemental mode to a default (or...
Read more >Dark colored theme | Sourcetree for Windows - Jira - Atlassian
Working with the text based interface with a white background is not easy. A theme with dark colors, would make the interface much...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I can 😃
Just wanted to +1 what @brunnerh shared, the
Contentcomponent uses the$ui-02background color @aagonzales.I think the tl;dr for this component is that we wanted a way to wire up the “skip to content” links with the “main” content area on the page.