https://github.com/hosanabarcelos/custom-status-bar
VS Code extension to customize Status Bar.
https://github.com/hosanabarcelos/custom-status-bar
customize extension status-bar vsce vscode vscode-extension
Last synced: about 2 months ago
JSON representation
VS Code extension to customize Status Bar.
- Host: GitHub
- URL: https://github.com/hosanabarcelos/custom-status-bar
- Owner: hosanabarcelos
- License: mit
- Created: 2024-08-19T18:46:27.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T14:22:06.000Z (8 months ago)
- Last Synced: 2025-01-17T12:15:57.695Z (3 months ago)
- Topics: customize, extension, status-bar, vsce, vscode, vscode-extension
- Language: TypeScript
- Homepage:
- Size: 106 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## 🎨 Custom Status Bar
Add a cool text, your name, a nice icon, and even different colors to your VS Code Status Bar!
## ✨ 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:
### 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!
2. 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.
## 🖥️ 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](https://marketplace.visualstudio.com/items?itemName=hosana.custom-status-bar).
### Manual Installation
1. Download the files from the [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=hosana.custom-status-bar).
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](https://www.hosana.me)*