A warm sunflower inspired Visual Studio Code theme. Full sunflower tones — yellow, gold, orange, brown and green — balanced, warm and easy on the eyes.
About
Sunflower Theme brings the warmth of a golden field into your editor. Inspired by the full anatomy of a sunflower — bright petals, deep golden centers, earthy stems and green leaves — every color has a purpose and nothing feels out of place.
Designed for developers who love warm, cozy coding environments.
Variants
Sunflower Dark
Deep warm black backgrounds with golden yellows, warm oranges, rich golds and earthy greens. Like coding in a sunflower field at golden hour.
Sunflower Light
Soft warm cream backgrounds with deep golds, dark oranges and olive greens. Like a bright sunny morning in a flower field.
Color Palette
Dark Theme
| Element | Color | Description |
|---|---|---|
| Background | #120D05 |
Deep warm black |
| Text | #F5E8C0 |
Warm cream |
| Keywords | #F5C842 |
Golden yellow |
| Functions | #E8783A |
Warm orange |
| Strings | #D4A017 |
Deep gold |
| Classes | #8AAA5A |
Leaf green |
| Numbers | #E8A030 |
Amber orange |
| Comments | #3A2A10 |
Muted dark brown |
| Errors | #FF4444 |
Red |
Light Theme
| Element | Color | Description |
|---|---|---|
| Background | #FFFBF0 |
Warm cream white |
| Text | #2A1A05 |
Deep warm brown |
| Keywords | #8B6000 |
Dark golden brown |
| Functions | #C86400 |
Dark orange |
| Strings | #6B4400 |
Deep brown gold |
| Classes | #4A6A1A |
Dark olive green |
| Numbers | #C86400 |
Burnt orange |
| Comments | #C4A850 |
Muted warm gold |
| Errors | #CC1111 |
Red |
Installation
From VS Code Marketplace
- Open Extensions in VS Code (
Ctrl + Shift + X) - Search for
Sunflower Theme - Click Install
- Go to File → Preferences → Color Theme
- Select Sunflower Dark or Sunflower Light
Manual Installation
- Download the
.vsixfile from the releases page - Open VS Code terminal and run:
code --install-extension sunflower-theme-0.0.1.vsix
- Go to File → Preferences → Color Theme
- Select Sunflower Dark or Sunflower Light
Recommended Settings
{
"editor.fontFamily": "JetBrains Mono, Fira Code, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.8,
"editor.letterSpacing": 0.5,
"editor.renderLineHighlight": "line"
}
Recommended Font Pairings
| Font | Why it works |
|---|---|
| JetBrains Mono | Clean and sharp, warm tones shine through |
| Fira Code | Elegant ligatures, cozy and readable |
| Cascadia Code | Soft and modern, pairs well with warm tones |
| IBM Plex Mono | Minimal and timeless |
About the Author
Hi! I'm Amelita Dela Torre, a software engineer and freelancer who builds websites, web systems, and mobile applications. Creating themes is one of my hobbies — I love crafting beautiful developer experiences that feel intentional and calm.
If you like this theme, don't forget to rate it! It doesn't matter how many stars you give — it matters to me a lot. I love experimenting with color themes here in VS Code and your feedback keeps me going.
Made by Amelita Dela Torre