DEV Community

Cover image for Show me your editor theme! 🎨
Ben Halpern
Ben Halpern Subscriber

Posted on

66 21

Show me your editor theme! 🎨

Light theme? Dark theme? What fonts?

Let's hear it. Comment below.

Top comments (140)

Collapse
 
janeori profile image
Jane Ori β€’

Can't beat synthwave x fluoromachine for VSCode
Image description

Collapse
 
ben profile image
Ben Halpern β€’

😈

Collapse
 
dvarmstrong profile image
DVA β€’

Trtrerrr

Collapse
 
michaeltharrington profile image
Michael Tharrington β€’

Wow! I'm totally getting synthwave vibes from these colors β€” awesome. πŸ™Œ That's an aptly named editor theme right there.

Collapse
 
saifbechan profile image
Saif Bechan β€’

This is πŸ”₯

Collapse
 
desireebyrd profile image
desireebyrd β€’

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?

Collapse
 
poisonintheink profile image
poisonintheink β€’

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

Collapse
 
revoltez profile image
revoltez β€’

nice but too distracting, i prefer material theme ocean

Collapse
 
pyrsmk profile image
AurΓ©lien Delogu β€’

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

Collapse
 
janeori profile image
Jane Ori β€’

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!

Thread Thread
 
pyrsmk profile image
AurΓ©lien Delogu β€’ β€’ Edited

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

Thread Thread
 
pyrsmk profile image
AurΓ©lien Delogu β€’

But it does look great!

Collapse
 
poisonintheink profile image
poisonintheink β€’

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.

Collapse
 
dendihandian profile image
Dendi Handian β€’

bookmarked this comment

Collapse
 
hasnainghazna0101 profile image
Muhammad Hasnain β€’

Uploading image

Collapse
 
missamarakay profile image
Amara Graham β€’

VS Code using synthwave theme (dark background with neon colors) and Stardew Valley themed icons for each of the different file types with a markdown page open

Synthwave + Stardew Valley icons

Collapse
 
sansseryph profile image
Kyla β€’

Whaaaaaat, Stardew icons? That's awesome!

Collapse
 
missamarakay profile image
Amara Graham β€’

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!

Thread Thread
 
amiceli profile image
amiceli β€’

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

Collapse
 
jahkamso profile image
Jahkamso β€’

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

Collapse
 
okkdev profile image
Jen Stehlik β€’ β€’ 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.
vscode with rosΓ© pine dawn

Collapse
 
ben profile image
Ben Halpern β€’

Whoa

Collapse
 
ianbromwich profile image
Ian B β€’

So clean, I love it

Collapse
 
pkcarreno profile image
Pedro CarreΓ±o β€’

Awesome, can you share your editor settings?

Collapse
 
okkdev profile image
Jen Stehlik β€’

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
}

Enter fullscreen mode Exit fullscreen mode
Thread Thread
 
pkcarreno profile image
Pedro CarreΓ±o β€’

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

Thanks!!!

Collapse
 
esareynor profile image
Rachman Esa β€’

no way xD

Collapse
 
darkwiiplayer profile image
π’ŽWii πŸ³οΈβ€βš§οΈ β€’

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

Arcadia (Dark)

Image description

Arcadia (Light)

Image description

Papercolor (Dark)

Image description

Papercolor (Light)

Image description

Collapse
 
waylonwalker profile image
Waylon Walker β€’

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

Collapse
 
darkwiiplayer profile image
π’ŽWii πŸ³οΈβ€βš§οΈ β€’

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

Image description

Image description

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

Collapse
 
3009aksingh profile image
Ankitkumar Santosh Singh β€’

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

Collapse
 
darkwiiplayer profile image
π’ŽWii πŸ³οΈβ€βš§οΈ β€’ β€’ 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.

Collapse
 
sahib profile image
Sahib β€’

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

Collapse
 
darkwiiplayer profile image
π’ŽWii πŸ³οΈβ€βš§οΈ β€’

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

Image description

Collapse
 
sansseryph profile image
Kyla β€’ β€’ Edited

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

Image description

Collapse
 
fawlid profile image
fawlid β€’

How nice theme i got! (solarized dark)
Image description

Collapse
 
ben profile image
Ben Halpern β€’

How do you like the low-ish contrast personally?

Collapse
 
fawlid profile image
fawlid β€’

I tried many themes but for 2 weeks I use my VSCode on this theme! I dont know why I like it πŸ€·πŸΌβ€β™‚οΈ

Collapse
 
wjplatformer profile image
Wj β€’

I was considering that too!

Collapse
 
jahkamso profile image
Jahkamso β€’

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

Collapse
 
fawlid profile image
fawlid β€’

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

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’ β€’ Edited
Collapse
 
vitoriazzp profile image
VitΓ³ria Zoche β€’

Image description

Collapse
 
nickytonline profile image
Nick Taylor β€’

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

Fortnite theme in VS Code

Collapse
 
mishmanners profile image
Michelle Duke β€’

Me too! I love this theme πŸ˜„

Collapse
 
waylonwalker profile image
Waylon Walker β€’

Love that dark purple!

Collapse
 
s_aitchison profile image
Suzanne Aitchison β€’

FairyFloss on VSCode, Dank Mono font ✨

Editor open on some JSX code. The editor theme colours are primarily light purple, mint green, yellow, and coral red.

Collapse
 
moopet profile image
Ben Sinclair β€’

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!

Collapse
 
s_aitchison profile image
Suzanne Aitchison β€’

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.

Collapse
 
spikeysanju profile image
Spikey sanju β€’

I use Tokyo Night + Cascadia Code Font and I'm loving it 🀍
Image description

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free β†’