Colore di evidenziazione

Supporto
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

Questo è molto utile.

Ho un cliente che pensa di non voler avere le varie versioni di questi colori (sospetto che si sbagli). Come potrei riscrivere i vari highlight per non modificarli in un tema? Posso sovrascriverli globalmente in common.scss?

4

Puoi trovare tutti i colori qui: color_transformations.scss

Il file about.json del tema contiene una sezione dedicata ai colori. Se desideri sovrascrivere uno dei colori nel file sopra, devi semplicemente definire il nuovo valore in quella sezione come mostrato qui di seguito

{
  "name": "My theme",
  "about_url": null,
  "license_url": null,
  "assets": {},
  "color_schemes": {
    "My Colour Scheme": {
      "highlight-low": "FF0000",
      "highlight-medium": "FF0000",
      "highlight-high": "FF0000"
    }
  }
}