CODEWITHSUNDEEP
sublimetext3sublimetext
Саша Черных
Саша Черных

Reputation: 2813

Change color of arrows in Sublime Text 3

(English is not my native language, PROMT translate)

Color of arrows

Hello, how it is possible to change colors of arrows in Sublime Text 3? In my color scheme gray arrows on a black background, it is poor visibility. Thanks.

Upvotes: 0

Views: 845

Answers (2)

Саша Черных
Саша Черных

Reputation: 2813

For arrows in gutter see answer Enteleform. For scroll tabs in active *.sublime-theme file add between [] :

// Tabs dropdown
{
"class": "show_tabs_dropdown_button",
"layer0.tint": [255, 182, 193],
"layer0.opacity": 1.0,
},
{
"class": "show_tabs_dropdown_button",
"attributes": ["hover"],
"layer0.opacity": 0.5,
},
{
"class": "scroll_tabs_left_button",
"layer0.tint": [0, 255, 0],
"layer0.opacity": 1.0,
},
{
"class": "scroll_tabs_left_button",
"attributes": ["hover"],
"layer0.opacity": 0.5,
},
{
"class": "scroll_tabs_right_button",
"layer0.tint": [0, 255, 0],
"layer0.opacity": 1.0,
},
{
"class": "scroll_tabs_right_button",
"attributes": ["hover"],
"layer0.opacity": 0.5,
},

layer0.tint — color in RGB, layer0.opacity — 0 ≥ transparency ≤ 1, "attributes": ["hover"] — properties when hover on the arrows.

Scroll tabs color

Thanks.

Upvotes: 1

Enteleform
Enteleform

Reputation: 3833

Fold button color can be specified in your active *.sublime-theme file via the fold_button_control tint property.

 

demo

 

This assumes that the png provided with your theme has mostly or entirely white contents, as white is the only color which is affected by the tint property.

 

You can also specify an alternative png at the texture property.

 

 

Here's the full set of related settings from my theme ( a modified version of SpaceGray ):

{
    "class": "fold_button_control",
    "layer0.texture": "Theme - Spacegray/Spacegray/folder-closed.png",
    "layer0.tint": [145, 159, 208],
    "layer0.opacity": 0.5,
    "layer0.inner_margin": 0,
    "content_margin": [8,8]
},
{
    "class": "fold_button_control",
    "attributes": ["hover"],
    "layer0.opacity": 1
},
{
    "class": "fold_button_control",
    "attributes": ["expanded"],
    "layer0.texture": "Theme - Spacegray/Spacegray/folder-open.png"
},
{
    "class": "fold_button_control",
    "attributes": ["expanded","hover"]
},

 

Note: I'm not sure if this will affect the arrows in the upper-left & upper-right of your screenshot, as they do not exist in my theme.

Upvotes: 3

Related Questions