Farbe für Hervorhebung

Unterstützung
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

Das ist sehr hilfreich.

Ich habe einen Kunden, der glaubt, er wolle nicht die verschiedenen Versionen dieser Farben haben (ich vermute, er liegt falsch). Wie gehe ich vor, um die verschiedenen Highlights so umzuschreiben, dass sie in einem Theme nicht geändert werden? Kann ich sie global in common.scss überschreiben?

4

Alle Farben finden Sie hier: color_transformations.scss

Die Datei about.json des Themes enthält einen Abschnitt für Farben. Wenn Sie eine der Farben in der oben genannten Datei überschreiben möchten, müssen Sie lediglich den neuen Wert in diesem Abschnitt wie folgt definieren:

{
  "name": "Mein Theme",
  "about_url": null,
  "license_url": null,
  "assets": {},
  "color_schemes": {
    "Mein Farbschema": {
      "highlight-low": "FF0000",
      "highlight-medium": "FF0000",
      "highlight-high": "FF0000"
    }
  }
}