Create account

DEV Community

Show me your editor theme! 🎨

Ben Halpern on July 12, 2022

Light theme? Dark theme? What fonts?

Let's hear it. Comment below.

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.

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?

poisonintheink • Jul 23 '22

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

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

Muhammad Hasnain • Jul 18 '22

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!

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.

Spikey sanju • Jul 13 '22

I use Tokyo Night + Cascadia Code Font and I'm loving it 🤍

Valentine Sean Chanengeta • Jul 12 '22 • Edited

Ayu Mirage PowerUp (VS Code)

Parker Waiters • Jul 12 '22

I go with Merko for VSCode.

Ben Halpern • Jul 12 '22

That's a vibe

Rachman Esa • Jul 19 '22

Deprecated hero xD

Melvin Jones Repol • Jul 13 '22

I used synthwave in vscode

HasanTheSyrian • Jul 13 '22

Chad Adams • Jul 13 '22

I recently started using One Dark Theme by Mark Skelton. Loving it so far.

Font: Jetbrains Mono
Shell prompt: Starship.rs
Icon theme: Seti

Waylon Walker • Jul 13 '22

I also run one dark, oddly I never used atom, but have used one-dark for years.

Imagineee • Jul 14 '22

I have my custom theme called Moon Purple. The unique feature I like about my theme is that it has seamless colours, which is a problem when you try pulling up the terminal.

With the best icon pack: Material Icon

I also use the recursive font (not visible in the screenshot as its old)

Karan Gandhi • Jul 14 '22

Meanwhile me ...

Welcoming Sloth • Jul 13 '22

Nothing beats the default Vim theme for me.

Emma • Jul 13 '22

I've got Synthwave '84 but unfortunately the glow seems to not work on Mac or something to do with a VS Code update (workarounds didn't fix it for me), so I may end up switching to one of the other Synthwave themes and using custom CSS.

I used to get comments from other devs that the colours and glow are too harsh on the eyes, but I love it. I can't do light themes at all; I have Irlen Syndrome and for me, reading off white backgrounds is definitely NOT fun!

James 'Dante' Midzi • Jul 15 '22

While Aurora X is my home

Halcyon is one I found recently and really like

Anish De • Jul 13 '22

Currently using Orbi on VSCode, and it is made by me :D

Josh Corbett • Jul 13 '22

Bearded Theme Arc Reversed x Cascadia Code

AshSimmonds • Jul 22 '22

Tweaks with Customize UI and Monkey Patch:

"editor.fontSize": 16, "editor.fontFamily": "'CPMono_v07', Space Mono, Consolas, 'Courier New', monospace", "customizeUI.font.regular": "WW Digital", "customizeUI.fontSizeMap": { "13px": "20px", "monospace": "12px", "tab-title": "12px", "menu": "20px", "window-title": "40px", }, "workbench.colorCustomizations": { "editor.background": "#000211", "editor.foreground": "#ffffff", "editor.selectionBackground": "#0000ff", "editorCursor.background": "#d3d3da", "editorCursor.foreground": "#B19EFF", "editorLineNumber.foreground": "#42ff00", "editorIndentGuide.background": "#224400", "editorIndentGuide.activeBackground": "#aaff00", "editor.lineHighlightBackground": "#000012", "editor.lineHighlightBorder": "#6666cc", "editor.findMatchHighlightBorder": "#ffaa55", "editor.findMatchHighlightBackground": "#000000", "editor.findMatchBorder": "#ffffff", "editor.findMatchBackground": "#0000ff", "editor.selectionHighlightBorder": "#0000ff", "editor.selectionHighlightBackground": "#000000", "activityBar.background": "#6953F5", "activityBar.foreground": "#eeeeff", "editorOverviewRuler.background": "#6953F5", "terminal.background": "#000534", "terminal.foreground": "#ffffff", "minimap.background": "#3b0677", "minimapSlider.background": "#0000ff", "sideBar.background": "#002633", "sideBar.foreground": "#00f9ff", }, "editor.tokenColorCustomizations": { "comments": "#00ff00", "functions": "#ffaacc", "keywords": "#bbff00", "numbers": "#6666ff", "strings": "#ccccff", "textMateRules": [], "types": "#FFff00", "variables": "#00ffff", },

Ankit Zore • Jul 13 '22

I like it minimal.

Theme : Night owl

Icon: Material icon

Product: El minimalist

Andrei Curelaru • Nov 23

github.com/AndiKod/racoon.vim

Transparent Catppuccin Mocha in WezTerm and a minimal VimSetup for WebDev :) Life can be simple to enjoy.

AbuTaherMuhammad • Jul 26 '22

Using Dark Pie that made by me. Not a rich one. but has satisfaction 😎. So long thinking about some updates on syntax highlighter , some minor corrections, etc ✨.

Would love to have feedbacks from you guys. Let's give it a try!😅

Wj • Jul 21 '22

I don't know. I just randomly scrolled through some previews of themes and chose my favorite color. Military Green.

Andrea • Jul 19 '22

I love me a good light theme, but after many hours, eye drops and glasses, I fell into the pretty Codel theme.

YungDash • Jul 16 '22

Let me flex my setup real quick

Theme => Gruvbox

Font => Fantasque Sans

Manish • Jul 16 '22

One I made myself Rasengan Glacier

Peter Benjamin (they/them) • Jul 15 '22 • Edited

Theme: Night Owl

Theme: SynthWave

Terminal Emulator: cool-retro-term
Font: FixedSys Excelsior

Erban Ku • Jul 15 '22

MacOS Modern Theme - Big Sur Xcode

Yuwang Cai • Jul 13 '22

One Dark Pro for code highlight palette, and DIY for the whole UI

sibouras • Jul 15 '22

i like this one! can you pastebin your config pls

Yuwang Cai • Jul 15 '22

Pasted my theme config here

Yevhenii Kosmak • Jul 12 '22

Just a default Darcula theme on PyCharm. Looks delightful to me :)

Manthan Bhatt • Jul 14 '22

Theme: GitHub Theme
Accent: Peacock

Ziady Mubaraq • Jul 14 '22 • Edited

Beat my theme!🚀
theme: CodeSandbox Black
icon: Material Icon
font: MonoLisa

Thomas Step • Jul 13 '22

I use lichen for vim. It's based on Nord but substitute blue for green.

Waylon Walker • Jul 13 '22

Do I smell the only image of an editor other than vscode here?

Danish Saleem • Jul 13 '22

SynthWave '84

Link: marketplace.visualstudio.com/items...

Ergenekon Yigit • Jul 13 '22

Theme: poimandres w/ custom bg color
Icons: Carbon Product Icons
Font: Iosevka

Joel Turner • Jul 12 '22

I've been running Night Owl with Material Icon Theme and Indent Rainbow. I use Peacock add a pop of color so I know which repo I'm in at a glance.

Aurélien Delogu • Jul 12 '22

I'm working on a synthwave theme derived from the Night Rider VSCode theme. Since it's not maintained anymore and some languages had not a good color/contrast balance, I wanted to give a shot and improve things. Still a work in progress though.

Thomas Hansen • Jul 12 '22

Hyper IDE of course ^_^

Ben Halpern • Jul 12 '22

Never heard of this — as far as theme goes I like the cream/white, but not sure I could go light mode.

How is Hyper IDE in general? And how much thought do you put into theme?

Thomas Hansen • Jul 12 '22

Here's its dark version. It's our own IDE, integrated into Magic

You can switch modes with the slider in the bottom left corner. The IDE is kind of specialised for Magic and Hyperlambda. Not sure I'd recommend it if you only do C# or JavaScript or something, but it's not really its purpose either, since its purpose is to allow for "some manual editing" of whatever the core generates automatically for you using Low-Code and automation constructs ...