html - 修改浏览器根调色板

Question

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

例如。

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

color: blue => color:#0000FF(浏览器假设)

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

另外，是否可以向调色板添加更多标准颜色？喜欢:海军蓝 => #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 变量，您只需更改一行代码即可轻松更改整个网站的颜色，还可以轻松映射出其他颜色。