Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Happy ThemesNew to Visual Studio Code? Get it now.
Happy Themes

Happy Themes

FrankFont123

|
19 installs
| (0) | Free
A collection of bright and cheerful themes for Visual Studio Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Happy Themes for Visual Studio Code

Bright, cheerful color themes for your VS Code IDE!
Install one extension and get all the Happy themes: Yellow, Blue, Red, Green, Purple, and more.

How to Use

First install the Happy Themes extension from the VSCODE Extensions Marketplace. It is a free VSCODE extension.

Then on the welcome page simply click the "Set Color Theme" button to pick from the list of happy options!

Or, if you want to know the keyboard shortcut ...

  1. Open the Command Palette

    • MacOS: Cmd+Shift+P
    • WindowsOS: Ctrl+Shift+P).
  2. Type Color Theme and select Preferences: Color Theme.

  3. Choose any Happy theme and you are on your way!

    • Happy Yellow
    • Happy Blue
    • Happy Red
    • Happy Green
    • Happy Purple
    • Happy Orange
    • Happy Pink
    • Happy Teal
    • Happy Charcoal
    • Happy Bluecoal
    • Happy Peppermint
    • Happy Sunset
    • Happy TerminalG
    • Happy TerminalO
    • Happy TerminalY
    • Happy TerminalP
    • Happy TerminalW

Theme Samples

Happy Yellow

Happy Yellow Sample

Happy Blue

Happy Blue Sample

Happy Red

Happy Red Sample

Happy Green

Happy Green Sample

Happy Purple

Happy Purple Sample

Happy Orange

Happy Orange Sample

Happy Pink

Happy Pink Sample

Happy Teal

Happy Teal Sample

Happy Charcoal

Happy Charcoal Sample

Happy Bluecoal

Happy Bluecoal Sample

Happy Peppermint

Happy Peppermint Sample

Happy Sunset

Happy Sunset Sample

Happy TerminalG

Happy TerminalG Sample

Happy TerminalO

Happy TerminalO Sample

Happy TerminalY

Happy TerminalY Sample

Happy TerminalP

Happy TerminalP Sample

Happy TerminalW

Happy TerminalW Sample


Step-by-Step Guide to Setting a Workspace-Specific Theme

To assign a unique theme to a specific project, follow these simple steps:

  1. Open Your Project in VSCode: Start by opening the folder that contains the project you want to customize. This will be your workspace.

  2. Access Workspace Settings: You can open the settings editor by pressing Ctrl+, or by navigating to File > Preferences > Settings.

  3. Switch to Workspace Settings: In the settings editor, you will see two tabs: "User" and "Workspace". Click on the "Workspace" tab to configure settings that will only apply to the current project.

  4. Create a settings.json File: If you haven't configured workspace settings for this project before, VSCode will prompt you to create a settings.json file. This file will be located in a .vscode folder within your project's root directory.

  5. Set the Color Theme: In the search bar of the settings editor, type "color theme". This will bring up the Workbench: Color Theme setting. From the dropdown menu, select the theme you want to apply to this specific workspace.


Happy Themes are free for everyone to use. Enjoy! Be happy!

Write a Review or Share

https://marketplace.visualstudio.com/items?itemName=FrankFont123.happy-themes

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