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?

Discussion (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 Author

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

Collapse
stephanie profile image
Stephanie Handsteiner • Edited

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 Author

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

Collapse
buinauskas profile image
Evaldas

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 Author

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 Author

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

Collapse
wuz profile image
Conlin Durbin Author
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 Author

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

Collapse
reifnotreef profile image
Bridger

I was going to say the same thing.

Maybe make it the same color as the currently open tab/file? Would help with making the theme feel more consistent.

Thread Thread
wuz profile image
Conlin Durbin Author

Good idea! I'll have to play around with that! Or feel free to push a PR! :D

Collapse
wuz profile image
Conlin Durbin Author

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

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 Author

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 Author

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
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
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 Author

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

Collapse
redoxeon profile image
Mike Harding • Edited

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 Author

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 Author
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 Author

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 Author

its a smol whirled after all

Collapse
tiffany profile image
Tiffany White

This breaks my Markdown syntax highlighting 😢

Collapse
wuz profile image
Conlin Durbin Author

Which editor?

Collapse
tiffany profile image
Tiffany White

VSCode

Thread Thread
wuz profile image
Conlin Durbin Author

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 Author

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

Here are a couple photos:

Collapse
nicdex profile image
Nicolas Dextraze

Jetbrains InteliJ IDEs

Collapse
gnclmorais profile image
Gonçalo Morais

I would love to see a light version… 🤞🏻

Collapse
wuz profile image
Conlin Durbin Author

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 Author

It's in the works!

github.com/DankNeon/meta/pull/2

Collapse
bronzehedwick profile image
Chris DeLuca

Perfect! Thanks.

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 Author

I'll look into it!

Collapse
wuz profile image
Conlin Durbin Author

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 Author

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 Author

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

Collapse
gab profile image
Gabriel Magalhães dos Santos

installed and loving, thanks

Collapse
putude profile image
putude

Sadly I currently use Atom.

Collapse
kasuken profile image
Emanuele Bartolesi

How do you convert the tmtheme file to json file for VS Code?
Thank you!

Collapse
wuz profile image
Conlin Durbin Author

You can just install Dank Neon from the Extensions panel in VS Code, unless you really want to install yourself!

Collapse
murtezayesil profile image
Ali Mürteza Yeşil

FINALLY

Collapse
mvolgyi profile image
Mat

Thank you pal! It's a really confy theme! :)

Collapse
wuz profile image
Conlin Durbin Author

Glad you like it!

Collapse
itachiuchiha profile image
Itachi Uchiha

I'll buy a Mac when it's possible. Because all themes look great with Mac.

Thanks for sharing. It looks good on VSCode on my Ubuntu.

Collapse
wuz profile image
Conlin Durbin Author

Great!

Collapse
danjmillier profile image
Daniel Millier

That looks amazing!!! 😍😍😍

Collapse
embiem profile image
Martin Beierling-Mutz

I like it! Reminds me of Sarah Drasner's Night Owl theme, which is a good thing!

Gonna give it a try for the next weeks.

Collapse
oksanaromaniv profile image
Oksana Romaniv

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

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
ahmadmustafaan1 profile image
Ahmad Mustafa Anis

Bring om atom ty

Collapse
wuz profile image
Conlin Durbin Author

There is a repo for this now! Check it out!

github.com/DankNeon/atom

Collapse
kasuken profile image
Emanuele Bartolesi

It's cool!
I will add it to my personal list of the top themes for VS Code.

Collapse
eladage profile image
Eric Ladage

What font are you using in vscode?

Collapse
wuz profile image
Conlin Durbin Author

That is Dank Mono! We actually started the theme to make one that looked great with the font!

Collapse
sergio profile image
deleteme deleteme

Certified dank 🅱️ deadass

https://i.imgur.com/me91XD3.png