Sublime Forum

Scroll bar color

#1

How can I change the color of scroll bar, the thing I can click and hold with a mouse and drag it up and down?

I have tried next in “…\Data\Packages\User\Adaptive.sublime-theme” but it seems does not do anything:

	{
		"class": "sidebar_tree",
		"color": [110,10,10],
	},
0 Likes
#2

The sidebar_tree container is unrelated with how scrollbars are styled.

You probably want to look for scroll_area_control, scroll_bar_control, scroll_corner_control, scroll_track_control and puck_control controls in original Adaptive theme to learn how they are styled.

Beyond that https://www.sublimetext.com/docs/themes.html may provide some info about the basics.

Finally each rule is somewhat like a CSS rule, with a pattern used to identify the control and some rules for styling.

2 Likes
#3

I will satisfy with next:

{
	"class": "puck_control",
	"parents": [
		{"class": "scroll_bar_control", "attributes": ["hover"]},
		{"class": "scroll_track_control"},
	],
	"layer0.opacity": { "target": 0.7, "speed": 5.0, "interpolation": "smoothstep" },
},
{
	"class": "puck_control",
	"parents": [
		{"class": "scroll_bar_control", "attributes": ["!hover"]},
		{"class": "scroll_track_control"},
	],
	"layer0.opacity": { "target": 0.4, "speed": 5.0, "interpolation": "smoothstep" },
},
0 Likes