Highlight color

Поддержка
1

Hi,
I’ve been playing with the color schemes. I’m trying to set the highlight color but when applied, the results are not the same colors, some kind of weird transformation is going on.
See the next image:

image
image.jpg1604×790 204 KB

Is it the default behaviour?

2

Yes, this is the default behavior.

There is the highlight color, which is the value you set in the color scheme,

In your case it would look like:

$highlight: #1a1a1a;

And the usage would be like:

background-color: $highlight;

And then there are three color transformations based on the $highlight and $secondary values and they are:

$highlight-low: dark-light-diff($highlight, $secondary, 70%, -80%);
$highlight-medium: dark-light-diff($highlight, $secondary, 50%, -55%);
$highlight-high: dark-light-diff($highlight, $secondary, -50%, -10%);

And these are used like so:

.overridden {
      background-color: $highlight-medium;
}
3

Это очень полезно.

У меня есть клиент, который считает, что ему не нужны различные версии этих цветов (я подозреваю, что он ошибается). Как мне переписать различные акценты, чтобы они не менялись в теме? Можно ли переопределить их глобально в common.scss?

4

Все цвета можно найти здесь: color_transformations.scss

В файле about.json файл темы есть раздел для цветов. Если вы хотите переопределить любой из цветов в файле выше, вам нужно просто задать новое значение в этом разделе следующим образом:

{
  "name": "Моя тема",
  "about_url": null,
  "license_url": null,
  "assets": {},
  "color_schemes": {
    "Моя цветовая схема": {
      "highlight-low": "FF0000",
      "highlight-medium": "FF0000",
      "highlight-high": "FF0000"
    }
  }
}