问题标签 [darkmode]

是否可以在 Github README 中获取用户选择的颜色主题？

由于可以在 Github 上选择深色或浅色主题，因此在 README 文件（和其他降价）上显示相应的数字会很有用。例如，如果选择深色主题，则显示图形的明亮版本，如果选择浅色主题，则显示图形的深色版本。

我目前正在尝试使用 CSS 功能prefers-color-scheme。
由于我使用的是SCSS，所以我声明了我在开始时使用的所有颜色。所以这就是我所做的：

然后，当我尝试整个暗模式时，prefers-color-scheme: dark 被忽略，颜色显示为没有preferred-color-scheme。我在 Chrome 中测试了整个东西，并使用开发工具来模拟 CSS 功能。

有人知道为什么是这样吗？我不能将 SCSS 变量与首选颜色方案结合使用吗？

到目前为止，唯一的解决方案是将所有在暗模式下更改的代码放入@media (prefers-color-scheme: dark) {}部件中。但这有点耗时，如果您必须为每次更改都执行此操作。

有没有办法在暗模式下更新电子邮件模板的配色方案？我的主要目标是 Gmail、Android / IOS 上的 Outlook

我在 jupyter notebook 中使用了一个深色主题，它在浏览器中运行良好。但是当我将它作为 HTML 文件下载时，它并不像预期的那样，背景颜色很浅，但是块的颜色很深。

这是在浏览器中运行时 jupyter notebook的图像

这是下载为 html 的笔记本的输出

我希望下载的 HTML 以与笔记本在浏览器中相同的方式呈现

我使用 JavaScript 编写了一个脚本，它允许我检测用户的首选颜色模式并使用按钮在明暗模式之间切换。但是整个事情必须针对每一页进行调整。

是否有更简单的解决方案来检测首选颜色模式并使用开关（按钮）在两种模式之间切换？由于 CSS 已经具有该prefers-color-scheme功能，因此我只需要知道如何以用户身份通过​​按钮在明暗模式之间切换。

这是我当前的代码，用纯 JS 编写：

我想在网站上的所有项目上方制作暗模式按钮。我也使用了 DarkMode.js。按钮隐藏在图像后面。如何使其优先级最高？

我网站的子域使用 cname 记录指向第 3 方资源。支持有限。我对该资源的唯一控制是样式。在页面加载时，它会从主域的根目录中提取样式表。在该样式表中，我可以从我的站点@import 更多样式表，但是从我的站点引用图像、字体等违反了跨域策略，并且它们不会加载。

我想为整个站点实现一个暗模式选项，并将这个子域包含在更改中。实现这一目标的最佳方法是什么？

我可以设置一个cookie或CSS可以以某种方式读取的东西吗？

当用户切换暗模式时，我是否替换整个样式表文件，如果是，我如何克服服务器和浏览器缓存？

我什至想过拥有两个不同的子域，但我知道这行不通，因为两者的样式表必须命名相同并位于同一个地方。

更新：感谢@Ryuno-Ki 的建议。

@media (prefers-color-scheme: dark)是一个好的开始。它将允许我确定用户自己系统的暗模式设置并根据它自动应用 CSS。但我也想为用户提供一种在网站上切换它的方法（因为）。我可以以某种方式从我的主站点操作此属性吗？

我想在 Firefox 中以浅色主题查看纯文本文件。默认情况下，Firefox 以暗模式显示文件（我使用的是 Firefox 暗模式，我不想更改它）。我可以看到设置主题的 css 代码，但无法永久编辑它（当我重新打开文本文件时它变回来了）。有针对这个的解决方法吗？

我目前正在为基于健康的 Saas 应用程序实施暗模式。

问题是，代码库到处都是样式。

是否有任何提示或技巧可以使此过程更容易。

我正在定义颜色，我发现很难取得进展。

我正在考虑以某种方式从应用程序中提取所有颜色，将它们转换为变量，添加暗模式等效项，然后进行查找和替换。这不会完全解决问题，因为某些颜色会不正确，但也许这将是一个起点？

任何有这样做经验的人都会很棒。

当我使用

打开和关闭黑暗模式。然后我使用手机的暗模式按钮（不是我的应用程序代码）进行测试，然后我的应用程序没有改变。

为什么？我能怎么做？

我的手机是安卓9