# theme: Add \`scrollbar_thumb_active_background\` color \(\#30177\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/9c1b2afa492755a1e8cb0a77f929845941c97cdc)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: 9c1b2afa492755a1e8cb0a77f929845941c97cdc

Requested commit: 9c1b2afa492755a1e8cb0a77f929845941c97cdc

Commit: 9c1b2afa492755a1e8cb0a77f929845941c97cdc

Tree: b750aec8a65c862de39dd6ccc2c04b39eba32fca

Author: Finn Evers

Committer: GitHub

## Message

```
theme: Add `scrollbar_thumb_active_background` color (#30177)

Follow-up to #28064

This PR adds the `scrollbar_thumb_active_background` to themes and uses
it for the editor scrollbars to color these whilst they are being
dragged. This way, we provide the best customizabiliy for the scrollbars
and enable theme authors to add good contrasts between all the three
states `ScrollbarThumbState::Idle`, `ScrollbarThumbState::Hovered` and
ScrollbarThumbState::Dragging`.

It also adds this to the VsCode theme importer so any future imported
themes will have this set as well.

Whenever the property is not set, I decided it is best to fall back to
the normal `thumb_background` for the time being, as this way the
distinction and contrast between hovered and active state is better than
having the same color for hovering and dragging the scrollbar.

Example with active color set via `experimental.theme_overrides` in the
settings:


https://github.com/user-attachments/assets/9934e75b-6e0a-4a41-90ba-bfffb89865e7

Release Notes:

- Added the `scrollbar.thumb.active_background` color to themes. Theme
authors can use this property in combination with
`scrollbar.thumb.hover_background` to customize the color of the editor
scrollbar thumbs while these are hovered or being dragged.
```

## Parents

- [607a9445fc382882bcd09888e7769fa8285a8d32](https://git.cafe/gitcafe/zed/commit/607a9445fc382882bcd09888e7769fa8285a8d32?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/9c1b2afa492755a1e8cb0a77f929845941c97cdc?format=markdown)