Material design 之 Style中Color配色方案

呼延智明
2023-12-01

Google material design color ,ref :
https://material.google.com/style/color.html#color-color-palette

Material design in color 强调大胆的色调,深的阴影及明亮的亮光。

几个基本概念

Primary color 原色(用来作为actionbar color)
Secondary color 二次色(statusbar color -lighter or darker)
Accent color 强调色(floating button or active component like edittext)
text and background color 文本及背景色

Google建议用500的颜色作为原色,其他的颜色作为强调色。调色板(https://material.google.com/style/color.html#color-color-palette

待续.


Light Theme的配色方案:
statusbar grey 300
actionbar grey 100
background grey 50
Dialog/popwindow/card white


Darker Theme的配色方案:
statusbar balck 100%
actionbar grey 900
background #303030
Dialog/popwindow/card white grey 800

 类似资料: