Change your VS Code colors instantly — no workspace needed.
Tired of staring at the same interface all day? Color Switcher adds a visual panel to your sidebar and a quick-access button in the status bar, letting you swap your title bar, activity bar, and status bar colors with a single click.
Why Color Switcher?
Sometimes you need a fresh look to stay focused. Whether you're jumping between projects or just want a splash of personality in your editor, Color Switcher makes it effortless.
- 16 hand-picked color presets inspired by Angular, Vue, React, Svelte, Tailwind, Node, TypeScript and more
- One-click color switching from the sidebar panel or status bar
- Works globally — no workspace configuration required
- Random color mode for when you're feeling adventurous
- Fully configurable: choose which UI elements to colorize
Built with 💜 and AI
This extension was crafted with the help of AI code assistance — because great tools deserve to be built with the best tools available. From architecture decisions to polishing every detail, human creativity and AI collaboration made Color Switcher possible.
Getting Started
- Click the 🎨 icon in the activity bar
- Pick a color from the palette
- That's it. Enjoy your new look.
Settings
| Setting | Default | Description |
|---|---|---|
colorSwitcher.affectTitleBar |
true |
Colorize the title bar |
colorSwitcher.affectActivityBar |
true |
Colorize the activity bar |
colorSwitcher.affectStatusBar |
true |
Colorize the status bar |
colorSwitcher.affectSideBar |
false |
Colorize the sidebar |
colorSwitcher.scope |
global |
Apply colors globally or per workspace |
Commands
- Color Switcher: Escolher Cor — open the color picker
- Color Switcher: Próxima Cor — cycle to next color
- Color Switcher: Cor Anterior — cycle to previous color
- Color Switcher: Cor Aleatória — pick a random color
- Color Switcher: Resetar Cores — restore defaults
Made by lkeppler with curiosity, code, and a little help from AI. 🤖