Html5-boilerplate: 将主题颜色元标记添加到 index.html

创建于 2018-10-04  ·  12评论  ·  资料来源: h5bp/html5-boilerplate

我提交一个...

  • [ ] 错误报告
  • [x] 功能请求
  • [ ] 其他(请不要在此处(下)提交支持请求)

适用于 Android 和三星 Internet 的 Chrome 支持<meta name="theme-color" content="#3c790a">元标记。
https://caniuse.com/#feat =meta-theme-color

我们在我们的文档(https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#theme-color)中简要介绍了这一点,但我认为元标记现在应该包含在默认index.html模板。 Chrome for Android 拥有巨大的浏览器市场份额 (33%),添加主题颜色对所有网站和 web 应用程序都是有用的。

enhancement

最有用的评论

作为对@coliff的补充,#fafafa 是 Google 推荐的背景颜色,以便与带有阴影的纯白色卡片形成良好的对比。

看看官方 Material Design 网站上的以下示例。
卡片背后的背景颜色实际上是#fafafa。

Background colour example

所有12条评论

我喜欢这个主意。 我们需要为默认值选择一些良性的东西。

还是... 粉红色?

Hot Pink 一直是 H5BP 的传统。 这不是一次默认的文本选择颜色吗?

哈。 我想很多人可能不会想改变它,所以我认为浅灰色可能是最好的。

@jonathantneal是的。 它在 4.0 中被删除,提交时有 91 条评论!

image

是的……这也是传统……后来出于这个原因将其删除……嗯……记忆……

是的,所以可能不是粉红色😄

修改后的 web.manifest PR #2060 我们有 theme_color 作为#fafafa - 几乎是白色的。 我建议我们这样做。 那样可以么? 无论我们选择什么,theme_color 都必须在 web.manifest 和 HTML 元标记中匹配。

现在在 PR #2074 中解决了这个问题

作为对@coliff的补充,#fafafa 是 Google 推荐的背景颜色,以便与带有阴影的纯白色卡片形成良好的对比。

看看官方 Material Design 网站上的以下示例。
卡片背后的背景颜色实际上是#fafafa。

Background colour example

在 #2074 中添加。

最后!

此页面是否有帮助?
0 / 5 - 0 等级