angular / angular/components

docs-bug(elevation): No documentation for how to change shadow colour for elevation

Open
#29,519 2 comments 0 reactions 0 assignees View on GitHub
area: theming docs P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Documentation Feedback

The current documentation does not provide sufficient documentation for how to change the shadow colour (possibly more relevant with dark themes).

I have found the [original commits for the feature](https://github.com/angular/components/issues/11343), so I know it is achievable, but I could not find enough documentation to implement it myself. My attempts can be seen at [this Stack Blitz](https://stackblitz.com/edit/material-shadow-demo?file=src%2Fglobal_styles.scss).

I'm selfishly just wanting to know how to implement the feature, but I'm also willing to update the documentation if that would be of assistance.

Thank you all for your work - Angular Material is great.

### Affected documentation page

https://material.angular.io/guide/elevation#overridable-elevation

Contributor guide

Open the contributing guide

Research direction

Start with the affected page at material.angular.io/guide/elevation#overridable-elevation and review the original feature issue 11343. Use the linked StackBlitz to understand the missing shadow-colour guidance, then update the elevation documentation with reproducible instructions and verify that the dark-theme use case is covered.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
documentation
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.