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. 🤖