Color de resaltado

Soporte
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

Esto es muy útil.

Tengo un cliente que cree que no quiere las distintas versiones de estos colores (sospecho que está equivocado). ¿Cómo podría reescribir los distintos resaltados para que no cambien en un tema? ¿Puedo sobrescribirlas globalmente en common.scss?

4

Puedes encontrar todos los colores aquí: color_transformations.scss

El archivo about.json del tema tiene una sección para los colores. Si deseas sobrescribir alguno de los colores del archivo anterior, solo necesitas definir el nuevo valor en esa sección de la siguiente manera

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