首页 » 博客 » 在实现暗色主题时我们需要

在实现暗色主题时我们需要

这些例子表明一个更灵活的系统。技术实现

在为模型上的深色主题选择了合适的颜色后,我们开始将此事转移到代码中。

正如我们在模型中看到的那样

简单地将浅色主题的颜色匹配添加到深色主题并不是我 WhatsApp 号码数据 们的选择。白色不会在所有地方都被黑色取代:浅色主题中相同颜色的元素在深色主题中可能会具有不同的颜色。我们需要精确控制如何在黑暗主题中重新着色每个元素或每组常见样式。元素应该根据变量名中嵌入的含义改变颜色。

我们决定采用以下方法,其中标记是元素或元素组的唯一名称(例如,background_content),并且其值只能是来自固定调色板的颜色(例如,白色)。我们制作了一个 JSON 格式的模式,其中写入了每个主题中的所有标记及其值。

该方案与具有元素 ID 及其样式的 CSS 文件 如何吸引他们的注意力 非常相似,但采用 JSON 格式。

使用 background_content 和 text_primary 标记的方案是什么样的?

使用 background_content 和 text_primary 标记的方案是什么样的?

我们拥有的所有内容都可以在 GitHub 上找到

 

包含所有颜色及其独特名称的调色板;
图表显示了明暗主题下的所有代币及其价值。

从 JSON 模式中

所有平台的开发人员都可以生成他们需 电话线索 要的格式的代码。您可以在 Anton Spivak在 CodeFest 上的演讲幻灯片中阅读有关 iOS 的代码示例。您可以在此处查看 Arseniy Vasiliev 在 AppConf 上的演讲中关于 Android 实施的报告。

滚动至顶部