Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Popping and Locking ThemeNew to Visual Studio Code? Get it now.
Popping and Locking Theme

Popping and Locking Theme

.hedinne

|
88,798 installs
| (18) | Free
Vivid and well balanced theme for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

About

This theme is designed to have vivid colors to capture your attention, yet be easy on the eyes. It is originally based on the color themes VS Dark+, Gruvbox Dark, and One Dark, but has changed a lot since. It is designed for web languages (HTML, CSS, JS, and more).

Tips for modifying the theme.

  • tmTheme is not being used since I think the default VS Dark+ works better for syntax highlighting and (seems to) require fewer configurations
  • In the json file, scope can be an array or a string of CSS classes
  • VS Code's dev tools (Help > Toggle Developer Tools) are very helpful for discovering the scopes
  • https://code.visualstudio.com/api/references/theme-color
  • https://www.sublimetext.com/docs/scope_naming.html

Screenshots

JS

js

JSX

jsx

HTML

html

SCSS

scss

JSON

json

JS on Windows

windows

Related customization

Popping and Locking for Hyper

https://www.npmjs.com/package/hyper-popping-and-locking

If you have any questions or comments.

Please contact me. https://github.com/hedinne/popping-and-locking-vscode

Orignally based on

  • https://github.com/morhetz/gruvbox
  • https://github.com/jdinhlife/vscode-theme-gruvbox
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft