CityPop Theme

About

When I first started developing a theme for my VSCode, I figured it would be a one-time thing and made my first theme with overly saturated blues and pinks. It didn't look good AT ALL. But before I knew it, I became obsessed with having all kinds of color schemes on my editor, from pastels like Catppuccin's Theme to bold, saturated colors in Shades of Purple.

This collection takes inspiration from popular themes and combines them with color schemes from citypop and lofi imagery. These colors may not be conventional for long periods of coding, and yes, they may take some time getting used to. The whole point of a theme is to have fun, so enjoy making different colors pop up as you code. Happy developing! ╰(´︶`)╯

Previews

Default

Blue Hour

Sunrise

Dawn

Day

Noon

Sunset

Twilight

Dusk

Night

Midnight

Witching Hour

Other Customizations

Icons

1. Try out Catppuccin Icons for VSCode!

Font Settings

If you want to try programming fonts, NerdFonts has many you can preview and download. Many of these fonts provide programming ligatures. However, if you don't want to go down the rabbit-hole of fonts, here are some I've found to be popular:

Ligature Support

1. (Website) Comes with 5 variations: Monaspace
2. (Github) A round, clean font similar to Cascadia Code: Maple
3. (Github) If you like thin, tall letters: Victor Mono

No Ligature Support

1. (Website) Recommended for this theme (used in screenshots): Departure Mono
2. (Website) If you like small compact letters: Mononoki

Inspirations

1. Default: Gruvbox
2. Blue-Hour: Blueberry Dark
3. Sunrise: Catppuccin and FairyFloss
4. Dawn: City Fog
5. Day: Pink Cat Boo
6. Dusk: Gruvbox ish
7. Noon: Shades of Purple and SynthWave '84

8. Sunset: Monokai Pro
9. Twilight: Rose Pine
10. Midnight: Tea House
11. Witching Hour: Tokyo Night and 1984