Ben Halpern

Posted on Jul 12, 2022

Show me your editor theme! 🎨

#discuss #watercooler #vscode #vim

Light theme? Dark theme? What fonts?

Let's hear it. Comment below.

Top comments (139)

Jane Ori • Jul 12 '22

Can't beat synthwave x fluoromachine for VSCode

Ben Halpern • Jul 12 '22

😈

DVA • Jul 17 '22

Trtrerrr

Michael Tharrington • Jul 14 '22

Wow! I'm totally getting synthwave vibes from these colors — awesome. 🙌 That's an aptly named editor theme right there.

poisonintheink • Jul 23 '22

ive been using synthwave but not that background. gonna sort that right out! thanks for bettering my life.

Saif Bechan • Jul 13 '22

This is 🔥

desireebyrd • Jul 14 '22

Oh nice! I'm a Sublime girl myself, but this is pretty and the colors make my heart happy. I wonder if there's something similar for Sublime?

Muhammad Hasnain • Jul 18 '22

revoltez • Jul 16 '22

nice but too distracting, i prefer material theme ocean

Aurélien Delogu • Jul 12 '22

Is it simple to set up? Isn't it too harsh for the eyes?

Jane Ori • Jul 12 '22

mmmm no, not really. It's got some hoops to jump through... and a lot of the highlighting colors need to be overwritten manually w/o instruction so they're visible at all. Also VSCode will tell you it's corrupt every time it opens a new window...

But it looks great!

Aurélien Delogu • Jul 12 '22 • Edited

Well... So the set up is still the same after the few years I took a look at it. So bad ^^

Aurélien Delogu • Jul 12 '22

But it does look great!

poisonintheink • Jul 23 '22

you're not half wrong. its quite 'aggressive' but i find a chop/change between colour schemes is really helpful with motivation (i mean you're staring at this a fair bit)

really looking forward to a good 'forest' kinda theme but havent found one just yet. bring on the green.

Dendi Handian • Jul 12 '22

bookmarked this comment

Amara Graham • Jul 12 '22

Synthwave + Stardew Valley icons

Kyla • Jul 12 '22

Whaaaaaat, Stardew icons? That's awesome!

Amara Graham • Jul 13 '22

marketplace.visualstudio.com/items...

Has a winter and autumn mode too! Totally forgot about that, so now I'm running autumn for pumpkins and sunflowers!

amiceli • Jul 13 '22

Awesome, I love that video game ! Thanks for sharing.

Jahkamso • Jul 14 '22

Awesome theme, I use coder coder theme. Please how do you get your code to look so neat and organized?

Jen Stehlik • Jul 13 '22 • Edited

vscode with rosé pine dawn
edit: font is fira code and I usually switch between dark and light mode on os level depending on my surroundings. For dark mode I'm on rosé pine moon.

Ben Halpern • Jul 13 '22

Whoa

Ian B • Jul 13 '22

So clean, I love it

Pedro Carreño • Jul 13 '22

Awesome, can you share your editor settings?

Jen Stehlik • Jul 18 '22

Unfortunelty a bit of a mess. These should be the most relevant ones:

{
  "telemetry.enableTelemetry": false,
  "explorer.confirmDelete": false,
  "editor.formatOnSave": true,
  "editor.lineHeight": 35,
  "workbench.colorTheme": "Rosé Pine Dawn",
  "editor.fontLigatures": true,
  "workbench.editor.untitled.hint": "hidden",
  "editor.fontSize": 14,
  "workbench.iconTheme": "file-icons-colourless",
  "breadcrumbs.enabled": false,
  "editor.padding.top": 10,
  "editor.minimap.enabled": false,
  "workbench.activityBar.visible": false,
  "workbench.editor.showTabs": false,
  "vim.useSystemClipboard": true,
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "workbench.preferredDarkColorTheme": "Rosé Pine Moon",
  "workbench.preferredLightColorTheme": "Rosé Pine Dawn",
  "window.autoDetectColorScheme": true,
  "workbench.sideBar.location": "right",
  "editor.codeLens": false,
  "editor.fontFamily": "Fira Code, JetBrains Mono, Hasklig, 'Courier New', monospace",
  "explorer.confirmDragAndDrop": false,
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.smoothScrolling": true,
  "editor.tabSize": 2,
  "vim.smartRelativeLine": true,
  "workbench.layoutControl.enabled": false,
  "editor.inlineSuggest.enabled": true
}

Pedro Carreño • Jul 19 '22

Cool, I'll check it out and see how it looks in my vscode.

Thanks!!!

Rachman Esa • Jul 19 '22

no way xD

𒎏Wii 🏳️‍⚧️ • Jul 13 '22

I generally switch back and forth between these two (four?) themes whenever I get bored of the one I'm looking at.

Arcadia (Dark)

Arcadia (Light)

Papercolor (Dark)

Papercolor (Light)

Waylon Walker • Jul 13 '22

These screenshots are sooo crisp. really making vim look good here!

𒎏Wii 🏳️‍⚧️ • Jul 13 '22

The light ones would look better on my linux mint setup because there the window borders actually change when I switch themes:

The other ones were quickly taken on my work PC during lunch break, where I haven't really wasted that much time making everything just perfect :D

Ankitkumar Santosh Singh • Jul 14 '22

Please share some editorial, how did you do customize vim. Looks very beautiful and eye catchy.

𒎏Wii 🏳️‍⚧️ • Jul 16 '22 • Edited

I actually didn't add all that much, it's really just standard neovim with some colour themes in a terminal with some padding.

Sahib • Jul 15 '22

That Papercolor Dark looks nice!
I love your super minimalistic vim

𒎏Wii 🏳️‍⚧️ • Jul 16 '22

I put it in zen mode for the screenshots; most of the time it actually looks like this:

Kyla • Jul 13 '22 • Edited

Lately I've been using Catpuccin on just about everything the have a plugin for and love it so much!

fawlid • Jul 12 '22

How nice theme i got! (solarized dark)

Ben Halpern • Jul 12 '22

How do you like the low-ish contrast personally?

fawlid • Jul 12 '22

I tried many themes but for 2 weeks I use my VSCode on this theme! I dont know why I like it 🤷🏼‍♂️

Wj • Jul 21 '22

I was considering that too!

Jahkamso • Jul 14 '22

Please how do you make your code look so neat and organized?
Is there an extension you use?

fawlid • Jul 16 '22

i just write my codes clean, there isnt any extension
in every line i wrote, i put a comment for that and it makes my code more beautiful

Lazar Nikolov • Jul 13 '22 • Edited

Link to larger image

Vitória Zoche • Oct 8 '23

Theme: Palenight mild contrast
Icons: VSCode Icons
Font: Consolas, 'Courier New', monospace

Nick Taylor • Jul 13 '22

I'm using the Fortnite theme with the Dank Mono font.

Michelle Duke • Jul 14 '22

Me too! I love this theme 😄

Waylon Walker • Jul 13 '22

Love that dark purple!

Valentine Sean Chanengeta • Jul 12 '22 • Edited

Ayu Mirage PowerUp (VS Code)

Suzanne Aitchison • Jul 13 '22

FairyFloss on VSCode, Dank Mono font ✨

Ben Sinclair • Jul 13 '22

I really want to like FairyFloss but I found I was having to tweak too many things to make it fit my eyes. It looks great in certain screenshots but as soon as I edit something different it becomes a splodge!

Suzanne Aitchison • Jul 13 '22

That's very fair - the most important thing is for your eyes to like it 😄 Maybe it depends what kind of files you're in most often.

View full discussion (139 comments)

DEV Community

Show me your editor theme! 🎨

Top comments (139)

Read next

How I configured the Zed editor for daily-driving

My minimal VS Code setup for Vue, Typescript, Tailwind CSS, etc

Unlocking VS Code: The Ultimate Cheatsheet for Developers

Random VS Code finds