暗黑主题（皮肤）资源 (实用）

一、文章
1、暗黑模式的8个设计要点
https://zhuanlan.zhihu.com/p/78713832

2、拆解·暗黑模式の文字配色
https://www.xueui.cn/tutorials/color-tutorial/diablo-mode-text-colour-matching.html

3、一篇吃透 Dark Mode ，搞定“暗黑/深色”适配 
https://www.sohu.com/a/343323136_719287

4、高手笔记整理！一份超全面的Material Design 暗色主题设计指南
https://www.uisdc.com/material-design-dark-mode

5、凤凰新闻Dark Mode
https://www.zcool.com.cn/article/ZMTIxOTg2MA==.html

二、资源
1、颜色与主题
https://www.mdui.org/docs/color#theme-layout

三、工具
1、字客网-颜色查询、梯度、搭配
https://www.fontke.com/tool/rgb/01407a/

2、Contrast Checker  可读性检测（推荐）
https://webaim.org/resources/contrastchecker/

3、文字、底色对比工具 Contrast Grid （推荐）
EightShapes Contrast Gridhttps://contrast-grid.eightshapes.com/?version=1.1.0&background-colors=&foreground-colors=%23FFFFFF%2C%20White%0D%0A%23F2F2F2%0D%0A%23DDDDDD%0D%0A%23CCCCCC%0D%0A%23888888%0D%0A%23404040%2C%20Charcoal%0D%0A%23000000%2C%20Black%0D%0A%232F78C5%2C%20Effective%20on%20Extremes%0D%0A%230F60B6%2C%20Effective%20on%20Lights%0D%0A%23398EEA%2C%20Ineffective%0D%0A&es-color-form__tile-size=compact&es-color-form__show-contrast=aaa&es-color-form__show-contrast=aa&es-color-form__show-contrast=aa18&es-color-form__show-contrast=dnp

4、Colour Contrast Check - 颜色对比度工具
https://snook.ca/technical/colour_contrast/colour.html#fg=BD86FA,bg=1E1E1E

5、COLOR CONTRAST RATIO CALCULATOR - 颜色对比度工具
https://www.msfw.com/Services/ContrastRatioCalculator

四、延伸阅读
1、摄影色彩基础课｜不懂这些，后期白学(二)  （rgb、混色、补色、饱和度）
https://www.toutiao.com/article/6643759416606720516/?group_id=6643759416606720516&wid=1648002075952

2、不懂这些，后期白学（三）：RGB与饱和度之间的关系 
（重点：当R、G、B中的最小值在最大值中占据的比例越大时，画面的饱和度就越低）
https://www.toutiao.com/article/6644129961974170120/?channel=&source=search_tab

3、关于WCAG2.1的用色建议
https://zhuanlan.zhihu.com/p/183773654

4、Js计算颜色对比度, 根据背影用“黑字或白字”
https://www.f2er.com/htmlcss/39kQVK5X