Bringing a little magic to your IDE with moody darks, calm lights, and vivid syntax.
Umbra Kitty is a refined Visual Studio Code theme suite for long coding sessions. It pairs deep umbra purple and obsidian surfaces with a vivid, carefully balanced syntax palette—and includes a softer light variant when you want a brighter workspace.
Screenshots
Umbra Kitty Dark
Umbra Kitty Light
Choose your atmosphere
Theme
Best for
Character
Umbra Kitty Dark
Low-light work and an immersive editor
Obsidian and umbra-purple surfaces with amber, violet, teal, and coral accents
Umbra Kitty Light
Daylight work and a brighter workspace
Soft neutral-gray surfaces with the same expressive syntax palette and strong contrast
Both variants share the same visual language, so switching between them feels familiar rather than disruptive.
Why Umbra Kitty?
A complete workspace: Editor, sidebar, tabs, inputs, notifications, terminal, Git decorations, and diffs are styled as one cohesive system.
Syntax with character: Vibrant colors make structure and important details easy to scan across JavaScript, TypeScript, Python, HTML, CSS, JSON, Markdown, and more.
Thoughtful semantics: Semantic token highlighting adds another layer of useful distinction without turning the editor noisy.
Two ways to focus: Choose the atmospheric dark theme or the calm, readable light theme depending on your environment and mood.
Try the theme
After installation, open the Command Palette and run Preferences: Color Theme. Select either:
Umbra Kitty Theme Dark
Umbra Kitty Theme Light
Feedback
Found a color that could be improved, or have a language or editor surface you would like to see supported? Open an issue with a screenshot and a short description of your setup.