DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Introducing Dank Neon, a new open source code theme!
Conlin Durbin
Conlin Durbin

Posted on

Introducing Dank Neon, a new open source code theme!

Hello friends! I have an exciting new project to share with you! For the past few months, a friend and I have been tweaking and refining Dank Neon, a new editor theme for lovers of neon!

We are working hard to get the community built out and would love any input and contributions that you have! The whole project is open source and you can find it here on Github. I'll be spending some time soon to set up some good first issues and making a list of next steps! Here are some screenshots of Dank Neon in action:

dank neon for vs code

Dank Neon for VS Code

dank neon for iterm

Dank Neon for iTerm

dank neon for sublime

Dank Neon for Sublime Text

What do you think about the theme? What do you like? What do you hate? What tools should we look at adding the theme to?

Top comments (73)

Collapse
 
aaroncawte profile image
Aaron Cawte

😍😍 Is anyone looking at bringing this to Atom? I'm down to help!

Collapse
 
wuz profile image
Conlin Durbin

Here is the repo! github.com/DankNeon/atom

Collapse
 
stephanie profile image
Stephanie Handsteiner • Edited on

Sent you a PR with the basic style set.

As the β€œnon-editorβ€œ UI bits are separated from the syntax theme in Atom, I'll also be making an UI theme, to have those styled accordingly. πŸ˜‰

Current look

Thread Thread
 
wuz profile image
Conlin Durbin

Merged! Looking good! github.com/DankNeon/atom

Collapse
 
buinauskas profile image
Evaldas Buinauskas

Will check it out! Great job Conlin πŸ‘Œ

Collapse
 
g0rge profile image
g0rge

Yes I'd like to see this on atom as well :)

Collapse
 
wuz profile image
Conlin Durbin

I'll get a repo up for this!

Collapse
 
wsidl profile image
Will Siddall

What about JetBrains (Android Studio, IdeaIC, PyCharm, etc)? Would be willing to help out with that.

Collapse
 
wuz profile image
Conlin Durbin
Collapse
 
wuz profile image
Conlin Durbin

I'll get a repo up, if someone wants to start it!

Collapse
 
walialu profile image
Marco Kellershoff

Dank Neon for Neovim + kitty + tmux πŸ€”β™₯️

Collapse
 
jacobi profile image
Jacobi Petrucciani

Kitty theme is available here!

github.com/DankNeon/kitty

Collapse
 
dance2die profile image
Sung M. Kim

Oh, I really like the VS Code theme there, Conlin~

Would you have a plan to create a Hyper.js theme by chance?

Collapse
 
wuz profile image
Conlin Durbin

I went ahead and made a repo for it - I'll look into creating the theme, but if you are interested in doing it feel free to make a PR!

github.com/DankNeon/hyper

Collapse
 
dance2die profile image
Sung M. Kim

Wow thanks a bunch. That is hyper dank πŸ˜‰

Collapse
 
wuz profile image
Conlin Durbin

For sure! We could definitely get that! Or, if you would be interested, you can make it and we can add it! I don't mind creating one, but this is also an open source project! :D

Collapse
 
oburejin profile image
oburejin

Looks nice, but a status bar on the bottom is too bright, would be easier on eyes if darker, like on a sublime.

Collapse
 
wuz profile image
Conlin Durbin

I agree! I need to spend some time tweaking the various settings!

Collapse
 
wuz profile image
Conlin Durbin

Fixed this! Now it is all themed with Dank Neon colors!

Collapse
 
redoxeon profile image
Mike Harding

Hey, I made a personal Firefox theme based on Dank Neon (tried to follow the spirit of it using the same colors). Would you be okay if I published it, or should I link you to it so you can?

Collapse
 
wuz profile image
Conlin Durbin

Go for it! If you want to publish the code, that would be awesome!

Collapse
 
redoxeon profile image
Mike Harding • Edited on

I just used firefox color haha. Here's a quick link to the colors I did: fossurl.ml/#whwn5

Edit: Here it is on the Firefox add-on marketplace: addons.mozilla.org/en-US/firefox/a...

Thread Thread
 
wuz profile image
Conlin Durbin

Looks good! If you have code sometime, let me know and I'll get you a repo!

Collapse
 
kylepeeler profile image
Kyle Peeler

How did you get the iterm title bar to not show in the screenshot?

Collapse
 
wuz profile image
Conlin Durbin
Collapse
 
kylepeeler profile image
Kyle Peeler

Sweet thanks Conlin! Also p.s. kinda surreal to see some people on here I remember from school hah... hope all is well!

Thread Thread
 
wuz profile image
Conlin Durbin

Haha I have the same thing with @dangolant and @milkstarz . I love seeing comments and posts from people I know! Hope things are good with you too!

Thread Thread
 
dangolant profile image
Daniel Golant

smol world

Thread Thread
 
wuz profile image
Conlin Durbin

its a smol whirled after all

Collapse
 
tiffany profile image
Tiffany White

This breaks my Markdown syntax highlighting 😒

Collapse
 
wuz profile image
Conlin Durbin

Which editor?

Collapse
 
tiffany profile image
Tiffany White

VSCode

Thread Thread
 
wuz profile image
Conlin Durbin

I will be working on this soon!

Thread Thread
 
tiffany profile image
Tiffany White

Thank you so much!

Thread Thread
 
wuz profile image
Conlin Durbin

It's done! The marketplace version should have basic markdown highlighting now! Let me know what you like/don't like. It can be tweaked

Thread Thread
 
tiffany profile image
Tiffany White

Yay! I’m going to get it now! Rad theme. Really like it!

Collapse
 
tiffany profile image
Tiffany White • Edited on

Here are a couple photos:

Collapse
 
tiffany profile image
Tiffany White

Can we get this ported over to prism.js? I'd like to use it on my blog. Thanks!

Collapse
 
wuz profile image
Conlin Durbin

I'll look into it!

Collapse
 
wuz profile image
Conlin Durbin

Hi! I got the prism branch set up and working! Here it is: github.com/DankNeon/prism

Collapse
 
tiffany profile image
Tiffany White

THANKS!!!!

Collapse
 
david_j_eddy profile image
David J Eddy

Just started using this in VS Code.

Why did you not show off the light theme. ❀️ 'ing it hard right now.

Collapse
 
wuz profile image
Conlin Durbin

Haha it is still "in beta". I need to do some more work on it, but I am super glad you like it! Be sure to open an issue on Github if there are things you want changed!

Collapse
 
david_j_eddy profile image
David J Eddy

It reminds me (in a good way) of the Tower Control UI in the 2nd (?) Matrix movie.

Other than some spacing issues, it looks great.

Thread Thread
 
wuz profile image
Conlin Durbin

Awesome! Let me know what the spacing issues are! I'll for sure work on fixing them.

Collapse
 
gnclmorais profile image
Gonçalo Morais

I would love to see a light version… 🀞🏻

Collapse
 
wuz profile image
Conlin Durbin

I'm in the planning stages on this! Gotta figure out all the colors and how they should work!

Collapse
 
bronzehedwick profile image
Chris DeLuca

Suggestion: a visual source-of-truth color swatches like in Solarized?

Collapse
 
wuz profile image
Conlin Durbin

It's in the works!

github.com/DankNeon/meta/pull/2

Collapse
 
bronzehedwick profile image
Chris DeLuca

Perfect! Thanks.

Collapse
 
nicdex profile image
Nicolas Dextraze

Jetbrains InteliJ IDEs

Collapse
 
jheroje profile image
Javi

It looks really nice but I miss some screenshots showing any other languages than HTML, like JS, Python, or whatever you use. HTML on it's own is a bad language to show a theme imho.

Collapse
 
oksanaromaniv profile image
Oksana Romaniv

I love the lavender and green main colors 😍! In VS Code the theme looks neat!

Stop sifting through your feed.

Find the content you want to see.

Change your feed algorithm by adjusting your experience level and give weights to the tags you follow.