我刚刚在我的网站上选择了亮灯模式选项,但遇到了问题。我从一个单独的HTML文件中嵌入了该网站的版本,因此我只能编辑该1个文件,而不是所有页面。该文本颜色恰好是白色,因为我的网站背景颜色是黑色。
我尝试从首页使用CSS变量,并尝试使用样式编辑文本颜色
在这里显示版本文件:
<center><h2 style="color:white; font-family:monospace;"><pre>Site Version 1.8.8</pre><h2></div></center>
在这里嵌入它:
<center><embed style="height:60px;" src="version.html"></center>
当我更改为灯光模式时,它需要更改为黑色。文本颜色的CSS变量是--color
答案 0 :(得分:0)
鉴于您问题的出处,我认为您不能。您可能需要使用其他技术来包含/插入/嵌入您的version.html文件。
最好使用诸如Server Side Includes,PHP或ASP之类的服务器技术,但您也可以使用javascript完成这项工作。
如果我正确理解问题,则该问题的另一种解决方案是仅使用CSS和javascipt / cookies在主题之间跳转。 CSS像:
body { color: black; background-color: white; }
body.dark-theme { color: white; background-color: black; }
然后读取您的cookie-如果cookie表明您应该使用深色主题,则只需使用javascript将深色主题类添加到正文中即可。