Dark mode elevation: Make white overlay configurable in theme?
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
It would be nice to have an idiomatic way to customise the way white overlay is applied over Paper with elevation in dark mode. Currently, I haven't found any except for turning the background-image filter off globally and adding class based overrides to Paper.
Since customising box-shadow is enabled via a theme, would it also be possible to customise the white overlay opacity? Perhaps by changing the theme shadows into a full-on elevation that would contain both the shadow and overlayOpacity configuration?
If there already is a simple way of doing this that I just hadn't found, I'll be happy for pointers 🙂
Examples 🌈
No response
Motivation 🔦
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing how Paper elevation applies the dark-mode white overlay and how theme shadows currently customize box-shadow. Compare that behavior with the requested theme-level overlay opacity configuration; done would mean an agreed, idiomatic way to customize the overlay without disabling the global background-image filter or relying on class overrides.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100