切换到黑暗模式时更改theme_color

Question

我目前正在开发具有暗模式功能的网站/网络应用。这个想法是，在某些情况下（用户与控件或一天中的某个时间进行交互），应用程序调色板将从灰白色配色方案更新为深灰/灰蓝色配色方案。

我担心的是，清单中定义的theme_color与切换时的暗模式调色板不匹配，这会使手机上的暗模式顶部栏显得有些奇怪。

是否有一种方法可以根据网站的颜色动态更改theme_color？或者，甚至更好的是，当应用程序从一种模式更改为另一种模式（即通过客户端的JS）时，是否可以指定条件或以编程方式更新theme_color？

顺便说一句，我正在网站上使用CSS自定义属性，如果该属性可用于将theme_color的一种调色板切换为另一种调色板。

Answer 1

您可以使用sessionStorage指定启用哪种模式，并通过使用sessionStorage.get在窗口加载时相应地分配清单文件。