DEV Community

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

Introducing Dank Neon, a new open source code theme!

Conlin Durbin on January 19, 2019

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,...
Collapse
 
wsidl profile image
Will S

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
 
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
 
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
 
tifflabs profile image
tiff

This breaks my Markdown syntax highlighting 😢

Collapse
 
wuz profile image
Conlin Durbin

Which editor?

Collapse
 
tifflabs profile image
tiff

VSCode

Thread Thread
 
wuz profile image
Conlin Durbin

I will be working on this soon!

Thread Thread
 
tifflabs profile image
tiff

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
 
tifflabs profile image
tiff

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

Collapse
 
tifflabs profile image
tiff • Edited

Here are a couple photos:

Collapse
 
redoxeon profile image
Michael 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
Michael 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

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
 
tifflabs profile image
tiff

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
 
tifflabs profile image
tiff

THANKS!!!!

Collapse
 
nicdex profile image
Nicolas Dextraze

Jetbrains InteliJ IDEs

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

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

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

Collapse
 
buinauskas profile image
Evaldas Buinauskas

Will check it out! Great job Conlin 👌

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

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

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
 
gab profile image
Gabriel Magalhães dos Santos

installed and loving, thanks

Collapse
 
oksanaromaniv profile image
Oksana Romaniv

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

Collapse
 
mvolgyi profile image
Mat

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

Collapse
 
wuz profile image
Conlin Durbin

Glad you like it!

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
 
murtezayesil profile image
Ali Murteza Yesil

FINALLY

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

Great!

Collapse
 
unknownfea profile image
Daniel Millier

That looks amazing!!! 😍😍😍

Collapse
 
g0rge profile image
g0rge

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

Collapse
 
putude profile image
putude

Sadly I currently use Atom.

Collapse
 
ahmadmustafaan1 profile image
Ahmad Mustafa Anis

Bring om atom ty

Collapse
 
wuz profile image
Conlin Durbin

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

github.com/DankNeon/atom

Collapse
 
wuz profile image
Conlin Durbin

I'll get a repo up for this!

 
wuz profile image
Conlin Durbin

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

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

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