Sublime Forum

Status bar: change colors and font size

#1

I want the status bar background to be white with black text in a slightly larger font.

I’m using the Eazy Light color scheme which does not contain references to the status bar. I then tried modifying the default theme sections:

{
“class”: “status_bar”,
// “layer0.tint”: [171, 177, 186],
“layer0.tint”: [100, 100, 100],
“layer0.opacity”: 1.0,
“content_margin”: [8, 0, 8, 0],
“fg”: [255, 255, 255],
“font.size”: 18
},
and
{
“class”: “label_control”,
“parents”: [{“class”: “status_bar”}],
“font.size”: 24,
// “shadow_color”: [255, 255, 255, 0.18],
// “shadow_color”: [255, 255, 255, 255],
// “shadow_offset”: [0, 0],
“fg”: [255,255,255]
},

with all types of values and stays the same. What am I missing?

0 Likes
#2

The status bar style is part of the theme (*.sublime-theme), but not of the color scheme (*.sublime-color-scheme).

The status_bar class handles the size, background color and margins of the status bar only, but no font settings.

Assuming you use the Adaptive theme you’d need to create a file with the same name in your user file with following content

Packages/User/Adaptive.sublime-theme

[
    // status bar background and size
    {
      "class": "status_bar",
      "content_margin": [8, 4, 8, 6],
      "layer0.tint": [255, 255, 255],
      "layer0.opacity": 1.0
    },
    // the message label
    {
      "class": "label_control",
      "parents": [{"class": "status_bar"}],
      "font.size": 24,
      "fg": [0,0,0]
    },
    // status button text (normal)
    {
      "class": "label_control",
      "parents": [{"class": "status_button"}],
      "font.size": 24,
      "fg": [0,0,0]
    },
    // status button text (hover)
    {
      "class": "label_control",
      "parents": [{"class": "status_button", "attributes": ["hover"]}],
      "fg": [120,120,120]
    },
]

Your current rules

You also might want to

1 Like