DEV Community

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

Posted on

Show me your editor theme! 🎨

Light theme? Dark theme? What fonts?

Let's hear it. Comment below.

Top comments (139)

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
 
poisonintheink profile image
poisonintheink

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

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
 
hasnainghazna0101 profile image
Muhammad Hasnain

Uploading image

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
 
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
 
valentinesean22 profile image
Valentine Sean Chanengeta • Edited

Ayu Mirage PowerUp (VS Code)

Image description

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.