Skip to content

hosanabarcelos/custom-status-bar

Repository files navigation

🎨 Custom Status Bar

Add a cool text, your name, a nice icon, and even different colors to your VS Code Status Bar!

Banner

✨ How to use

Installing and accessing the settings

  1. Go to the Extensions view by clicking on the Extensions icon in the Sidebar or pressing Ctrl+Shift+X.
  2. Search for "Status Bar (Custom)".
  3. Click Install to add it to your editor.
  4. Click Settings to open the extension settings.

Observe the image below:
01Flow


Editing the extension settings and restarting VS Code

  1. Edit your Status Bar according to your preferences. Change the background color, the text to be displayed, the text to be shown in the tooltip, and even a cool icon!

02Flow

  1. After setting your customization options, press Ctrl+Shift+P and select the reload window option to restart your VS Code and view your updated Status Bar with your preferences.

03Flow

🖥️ More about the installation

Visual Studio Code Marketplace

  1. Open Visual Studio Code.
  2. Go to the Extensions view by clicking on the Extensions icon in the Sidebar or pressing Ctrl+Shift+X.
  3. Search "Status Bar (Custom)".
  4. Click Install to add it to your editor.
  5. Click Settings to open the extension settings.
  6. Edit your Status Bar according to your preferences.

Or, you can directly install it from the VS Code Marketplace.

Manual Installation

  1. Download the files from the VS Code Marketplace.
  2. Place the files in the .vscode/extensions directory.
  3. Reload Visual Studio Code.
  4. In the extension, click on Settings to open the extension settings.
  5. Edit your Status Bar according to your preferences.

🚀 Features

  • Flexibility: Add any icon, text, or color to your Status Bar.
  • For the detail-oriented: Make your code editor more fun and visually appealing according to your personal preferences.

📣 Spread the Word

If you enjoy Custom Status Bar, consider giving it a ⭐️ on the Visual Studio Code Marketplace and sharing it with your friends and colleagues!


Created by @hosanabarcelos