Изменение корневой цветовой палитры браузера

Question

Можно ли изменить корневую цветовую палитру браузера на определенной странице?

Например.

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

color: blue => color: # 0000FF (предполагается, что браузер)

Я хочу сказать браузеру, что "синий" - это # ​​0000BB. (либо с помощью stylesheet.css, либо с помощью javascript, изменяющего палитры по умолчанию)

Плюс, можно ли добавить более стандартный цвет на паллету? Как: navyblue => # 3e3e80

Answer 1

Я не уверен, возможно ли перезаписать саму корневую палитру цветов, но то, что вы можете сделать, это использовать пользовательских свойств CSS для достичь почти того же.

Просто определите цвета, которые вы хотите в :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-переменных таким способом позволяет легко изменять цвет по всему сайту, изменяя только одну строку кода, а также позволяет легко отображать дополнительные цвета.