A carefully crafted collection of VS Code color themes inspired by nature and iconic cities around the world. Each theme is designed with balance, readability, and long coding sessions in mind—blending distinctive atmospheres with thoughtfully tuned syntax colors that make your editor feel both elegant and personal. Whether you prefer calm, light environments or deep, immersive dark palettes, these themes aim to make every line of code more comfortable to read and a little more inspiring to write.
- Open the Extensions view in VS Code (
Ctrl+Shift+X/Cmd+Shift+X). - Search for Codigrate or the specific theme name.
- Click Install, then open the Color Theme picker (
Ctrl+K Ctrl+T/Cmd+K Cmd+T). - Select the Codigrate theme you just installed.
- To switch back, open the Color Theme picker again and pick another theme.
- Theme appearance may vary slightly depending on your operating system, editor version, and installed language extensions.
Inspired by the majestic heights and serene landscapes of Mount Everest, this light theme brings a crisp and calming presence to VS Code. Soft icy tones and clean, airy surfaces evoke snow-covered peaks and clear mountain skies, creating a coding experience that feels fresh, focused, and easy on the eyes.
 |
Editor Background | #FDFEFF |
 |
Window Background | #E4ECEF |
 |
Local Variables | #1A6D9F |
 |
Strings and Numbers | #005E79 |
 |
Instance Fields | #007A47 |
 |
Keywords | #2E674F |
 |
Static Fields | #83529B |
 |
Global Variables | #8C4069 |
 |
Active Border Colors | #ED7E5A |
 |
Parameters | #8F4446 |
Inspired by the natural phenomena of the Aurora Borealis, this dark theme captures the majesty and mystery of the Arctic night sky. Deep blue-green tones shape the editor surface, while luminous accents echo the ethereal colors of the Northern Lights, creating a coding atmosphere that feels immersive, calm, and vibrant.
 |
Editor Background | #142B37 |
 |
Window Background | #183240 |
 |
Strings and Numbers | #549EFF |
 |
Instance Fields | #7ACEF5 |
 |
Tab Colors | #043A33 |
 |
Global Variables | #73D379 |
 |
Local Variables | #05C0A6 |
 |
Keywords | #BB719B |
 |
Static Fields | #D193BB |
 |
Parameters | #BAA5FF |
Inspired by the enchanting softness of Sakura blossoms, this theme brings a delicate spring atmosphere to VS Code. Gentle pinks and muted complementary tones create a serene, polished editor experience that feels light, graceful, and easy to live with throughout the day.
 |
Editor Background | #FEFCFC |
 |
Surface Background | #F8DBE6 |
 |
Selection Background | #FFC9DC |
 |
Parameters | #CB6B91 |
 |
Keywords | #98556C |
 |
Active Background | #DBEACB |
 |
Local Variables | #618C71 |
 |
Static Fields | #69A2BD |
 |
Instance Fields | #607FA9 |
 |
Global Variables | #687788 |
Inspired by the towering presence and grounded calm of sequoias, this dark theme surrounds VS Code with rich woodland tones and subtle green life. It creates a focused, earthy atmosphere that feels steady, deep, and comfortably subdued.
 |
Editor Background | #20231C |
 |
Window Background | #32382C |
 |
Selection Background | #405133 |
 |
Instance Fields | #6E9F56 |
 |
Static Fields | #369772 |
 |
Strings | #A68F59 |
 |
Keywords | #A67B5B |
 |
Local Variables | #A86255 |
 |
Parameters | #986969 |
 |
Comments | #6C625A |
Inspired by the warm hues and rustic charm of autumn, this light theme brings soft seasonal comfort to VS Code. Earthy oranges, mellow neutrals, and crisp contrast create a cozy editor space that feels welcoming, balanced, and quietly expressive.
 |
Window Background | #F8F4F1 |
 |
Selection Background | #F4D3BD |
 |
Global Variables | #BE553E |
 |
Metadata | #773918 |
 |
Parameters | #B0633A |
 |
Instance Fields | #A87F25 |
 |
Alternate Background | #F5B211 |
 |
Strings and Numbers | #1B591E |
 |
Local Variables | #0E8113 |
 |
Keywords | #006E83 |
Inspired by the dramatic sunset over Mount Roraima, this dark theme blends dusky purples, ember-like oranges, and twilight shadows into a bold yet balanced editor palette. It brings warmth, depth, and a cinematic sense of atmosphere to everyday coding.
 |
Editor Background | #1E1A1B |
 |
Window Background | #322628 |
 |
Selection Background | #5A261E |
 |
Keywords | #D17458 |
 |
Instance Fields | #D69568 |
 |
Metadata | #D1BA46 |
 |
Strings | #DDBE6D |
 |
Static Fields | #ED8B8B |
 |
Local Variables | #8F78B7 |
 |
Tag Name | #7E6AA3 |
Inspired by the soft daylight and sea breezes of Istanbul, this theme brings airy turquoise tones and warm historical accents into VS Code. It feels fresh, calm, and expressive, offering a refined editor atmosphere with a distinct coastal elegance.
 |
Editor Background | #FAFDFD |
 |
Window Background | #DBF0F1 |
 |
Selection Background | #A3DDE5 |
 |
Keywords | #1190A1 |
 |
Strings | #0887B5 |
 |
Active Background | #EFEAD0 |
 |
Attributes | #B87958 |
 |
Parameters | #B8514D |
 |
Tags | #C16979 |
 |
Metadata | #9C6E7C |
Inspired by the electric nights and pastel sunsets of Miami, this dark theme fills VS Code with bold purples, vivid pinks, tropical teals, and warm neon energy. It creates a playful yet polished editor experience with strong personality and clear visual contrast.
 |
Editor Background | #33121D |
 |
Window Background | #532033 |
 |
Accent Color | #FF5FA2 |
 |
Tag Colors | #FE788C |
 |
Instance Fields | #FE8078 |
 |
Keywords | #F2A4A0 |
 |
Static Fields | #92B5E8 |
 |
Parameters | #00D1C1 |
 |
Variables | #82D59F |
 |
Strings | #F8D273 |
Inspired by Rio's lush hills, bright air, and coastal energy, this theme blends soft minty tones with vibrant greens and clean blues to create a light, refreshing VS Code experience that feels lively, open, and balanced.
 |
Editor Background | #F7FAF6 |
 |
Window Background | #D9EFD2 |
 |
Surface Background | #85B778 |
 |
Keywords | #13A166 |
 |
Strings | #028134 |
 |
Metadata | #739E4B |
 |
Alternate Background | #E6C41A |
 |
Instance Fields | #A3860A |
 |
Static Fields | #0A80B3 |
 |
Tags | #1065B8 |
Inspired by candlelit cafes, stone boulevards, and Paris's late-night glow, this theme brings dusky rose, plum-espresso depth, and soft blush accents into VS Code. It feels romantic, moody, and elegant without losing clarity.
 |
Editor Background | #281D22 |
 |
Window Background | #4F303C |
 |
Surface Background | #6A3C4D |
 |
Keywords | #D584A3 |
 |
Strings | #DF7583 |
 |
Instance Fields | #F3B7A9 |
 |
Global Variables | #FBBA77 |
 |
Parameters | #F1C970 |
 |
Alternate Background | #5E7BB3 |
 |
Local Variables | #87A1D3 |
Inspired by Tallinn's crisp light and Baltic calm, this theme pairs cool porcelain tones with Nordic blues for an editor experience that feels clean, minimal, and quietly elegant. Subtle contrast keeps everything fresh and readable.
 |
Editor Background | #EDF2FA |
 |
Window Background | #D0DCEF |
 |
Instance Fields | #377CC1 |
 |
Keywords | #425EB8 |
 |
Accent Color | #324979 |
 |
Strings | #81549C |
 |
Parameters | #B6564B |
 |
Tag Colors | #B1544B |
 |
Static Fields | #548A64 |
 |
Local Variables | #1E7857 |
Inspired by Tokyo's neon-lit streets and midnight skyline, this theme surrounds VS Code with deep indigo tones, electric violets, and cool luminous accents. It feels sleek, atmospheric, and distinctly futuristic while staying polished.
 |
Editor Background | #1A1F35 |
 |
Window Background | #2A3051 |
 |
Keywords | #7B89C8 |
 |
Tag Colors | #7FA0DD |
 |
Accent Color | #7285DC |
 |
Instance Fields | #ECA1EB |
 |
Static Fields | #D3B690 |
 |
Parameters | #DD9B7F |
 |
Variables | #5CC19D |
 |
Strings | #5DC8D6 |
 Furkan Yavuz |
 Kerim Alp Kaya |
The source code for this project is released under the MIT License.
 |
Codigrate © 2026 |