feat(theming): dark theme elevation helpers don't match material spec for elevation behavior
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
#### Feature Description
The material spec for elevation with dark theme (https://material.io/design/color/dark-theme.html#properties), says that elevation should be reflected by an increased lightening of the surface color (by applying more and more opaque white overlays to a base surface color), rather than using drop shadow alone to reflect elevation (since that's not reliable when you have dark surface backgrounds). This request is to have the mat-elevation-z# classes and elevation mixins implement this lightening behavior from the spec, rather than only using drop shadow like it does for light theme.

Contributor guide
Research direction
Start by locating the mat-elevation-z# classes and elevation mixins in the theming implementation, then compare their dark-theme behavior with the linked Material spec. Done means dark-theme elevation reflects increasing surface lightening through the specified overlays rather than relying only on drop shadows; no specific files or tests are named in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100