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

Pop Theme

Nathaniel Webb

|
31,892 installs
| (10) | Free
A VSCode theme based on the design language of @System76's Pop! Theme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pop! Theme for VSCode

Version Installs Ratings GitHub stars

Source and Inspiration

This theme is based on the design language created and maintained by System76 for their Pop!_OS and themes. I am not affiliated in any way other than being a big fan.

Screenshots

Theme

Build and debug from source

It is possible to build and run this theme from source in a debugging context. This outline is for Ubuntu-based distributions. Install Dependencies:

  • Node.js
    curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
    sudo apt install -y nodejs
    
  • VSCode (via official repository)
    curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
    sudo mv microsoft.gpg /etc/apt/trusted.gpg.d/microsoft.gpg
    sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
    sudo apt update
    sudo apt install code
    

Clone repository and open

git clone https://github.com/artvandelay440/VSCodePopTheme.git #clone into desired folder
code . #open VSCode at root of directory

Instantiate debugging session and choose Pop! Theme

  • Debug > Start Debugging / F5
  • A new VSCode window will open, then in the new instance, Hit Ctrl + K, Ctrl + T and choose Pop Theme

Please open any bugs or issues found as an official GitHub issue here

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft