修改浏览器根色调色板

Question

是否可以在特定页面上更改浏览器的根调色板？

例如。

<div style="color:blue">Blue Text</>

颜色：蓝色=>颜色：＃0000FF（浏览器假定）

我想告诉浏览器“蓝色”是＃0000BB。 （通过stylesheet.css或javascript修改其默认托盘）

此外，是否可以向货盘添加更多标准颜色？ 像：navyblue =>＃3e3e80

Answer 1

我不确定是否可以覆盖根调色板本身，但是您 可以做的就是利用 custom CSS properties 来实现几乎同一件事。

使用:root作为前缀，只需在--中定义所需的颜色。然后，您可以使用var(--variable)作为color值来引用这些颜色。

这可以在下面看到：

:root {
  --blue: #0000FF;
  --navyblue: #3e3e80;
}

div {
  color: var(--blue);
}

span {
  color: var(--navyblue);
}

<div>Blue</div>
<span>Navy Blue</span>

通过这种方式使用CSS变量，您只需更改一行代码即可轻松更改整个站点的颜色，还可以轻松地绘制出其他颜色。