لون التمييز

الدعم
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"
    }
  }
}