angular / angular/components

feat(theming): dark theme elevation helpers don't match material spec for elevation behavior

Đang mở
#23,457 10 bình luận 2 reaction 0 người được giao Xem trên GitHub
area: theming feature material spec P4
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

#### 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.

![image](https://user-images.githubusercontent.com/8071845/130947718-e2edd080-6b91-4237-9f2a-a66f0a00aa5d.png)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
design, frontend
Loại issue
Tính năng
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.