# Highlight color

**URL:** <https://meta.discourse.org/t/highlight-color/82757>\
**Category:** Product Support\
**Created:** [March 12, 2018, 12:53am UTC](https://meta.discourse.org/t/highlight-color/82757 "2018-03-12T00:53:14Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [March 12, 2018, 1:16am UTC](https://meta.discourse.org/t/highlight-color/82757/2 "2018-03-12T01:16:14Z")

</div>

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:

```plaintext
$highlight: #1a1a1a; 

```

And the usage would be like:

```plaintext
background-color: $highlight;

```

And then there are three color transformations based on the $highlight and $secondary values and they are:

```plaintext
$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:

```plaintext
.overridden {
      background-color: $highlight-medium;
}

```

---

_[View the full topic](https://meta.discourse.org/t/highlight-color/82757)._