ハイライト色

サポート
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
image1604×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": "My theme",
  "about_url": null,
  "license_url": null,
  "assets": {},
  "color_schemes": {
    "My Colour Scheme": {
      "highlight-low": "FF0000",
      "highlight-medium": "FF0000",
      "highlight-high": "FF0000"
    }
  }
}