Material Design暗色主题的颜色是什么?

10 浏览
0 Comments

Material Design暗色主题的颜色是什么?

我正在寻找Material Design暗色主题所使用的调色板,就像在这个页面上找到的那样:

http://developer.android.com/training/material/theme.html

有任何想法吗?我已经快速谷歌搜索了一下,但没有找到相关信息。我想要的是布局背景、抽屉背景、应用栏颜色等。

0
0 Comments

Material Design是一种设计语言,提供了一套设计指南和资源,用于创建现代的用户界面。其中一个重要的方面是暗色主题,它为应用程序提供了一种黑暗的外观和感觉。然而,对于开发人员来说,使用Material Design暗色主题的颜色并不总是那么简单。

根据material.io网站上暗色主题页面的属性部分的描述,基础颜色是#121212。但是,当想要将一个元素放在另一个元素上时,可以使用带有透明度的白色图层来生成较浅的灰色版本。这是他们分享的信息。

尽管这在设计方面非常出色,但对于开发人员来说,并不那么简单。因此,有人使用照片编辑器将这些指南映射到十六进制颜色,并整理了以下表格:

| 高度 | 覆盖层 | 十六进制颜色 |

| ---- | ------ | ------------ |

| 00dp | 0% | #121212 |

| 01dp | 5% | #1e1e1e |

| 02dp | 7% | #222222 |

| 03dp | 8% | #242424 |

| 04dp | 9% | #272727 |

| 06dp | 11% | #2c2c2c |

| 08dp | 12% | #2e2e2e |

| 12dp | 14% | #333333 |

| 16dp | 15% | #343434 |

| 24dp | 16% | #383838 |

这个表格包含了不同高度和覆盖层下的对应颜色。通过使用这些十六进制颜色代码,开发人员可以更容易地在他们的应用程序中实现Material Design暗色主题。

因此,出现了"Material Design暗色主题颜色是什么?"这个问题。通过提供基础颜色和不同高度和覆盖层下的十六进制颜色代码,可以帮助开发人员更好地理解和应用Material Design暗色主题。

0
0 Comments

问题的原因:用户想了解Material Design暗色主题的颜色。

解决方法:用户可以参考官方Material Design网站上的页面,该页面专门介绍了暗色主题以及相关的颜色。页面中提供了暗色主题的颜色示例,还有一张比较了亮色主题和暗色主题颜色的图片。用户可以通过访问官方网站并查看相关页面来获取所需的信息。

以下是Material Design暗色主题的颜色:

Dark theme colors

下面的图片比较了亮色主题和暗色主题的颜色,亮色在左侧,暗色在右侧:

Light and Dark theme colors

图片来源:官方Material Design网站

0
0 Comments

Material Design是一种由Google推出的设计语言,旨在为移动应用和Web应用提供一致的外观和交互体验。在Material Design中,有一个dark theme(暗色主题),用于在应用程序或网站中创建深色界面。

然而,原始问题中提到的链接已经失效,无法直接访问到Material Design的暗色主题颜色信息。为了解决这个问题,有以下解决方法:

1. 首先,可以通过访问当前的Material Design文档(current docs)获取最新的信息。这些文档包含了最新的颜色系统和应用指南。

2. 其次,在过去的Material Design文档存档中(color docs),可以找到暗色主题颜色的相关信息。在文档的底部可以查看到这些颜色。

3. 此外,在同样的文档中,还提供了文本颜色信息。可以通过查看文档中的截图(enter image description here)来获取这些信息。

4. 如果想要将百分比值转换为十六进制值,可以参考这个链接中的方法进行转换。

尽管原始问题中提到的链接已经失效,但仍然有一些解决方法可以获取到Material Design暗色主题的颜色信息。通过访问当前的文档或查看过去的文档存档,以及参考其他资源中的转换方法,可以获取到所需的信息。

0