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

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
 
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
 
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
 
tiffengineer profile image
tiff •

This breaks my Markdown syntax highlighting 😢

Collapse
 
wuz profile image
Conlin Durbin •

Which editor?

Collapse
 
tiffengineer profile image
tiff •

VSCode

Thread Thread
 
wuz profile image
Conlin Durbin •

I will be working on this soon!

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

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
 
nicdex profile image
Nicolas Dextraze •

Jetbrains InteliJ IDEs

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 •

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
 
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
 
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
 
tiffengineer 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
 
tiffengineer profile image
tiff •

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

FINALLY

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
 
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
 
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
 
putude profile image
putude •

Sadly I currently use Atom.

Collapse
 
g0rge profile image
g0rge •

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

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
 
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
 
oksanaromaniv profile image
Oksana Romaniv •

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

Collapse
 
gab profile image
Gabriel Magalhães dos Santos •

installed and loving, thanks

Collapse
 
unknownfea profile image
Daniel Millier •

That looks amazing!!! 😍😍😍

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
 
kasuken profile image
Emanuele Bartolesi •

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

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

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

 
wuz profile image
Conlin Durbin •

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

Collapse
 
wuz profile image
Conlin Durbin •

I'll get a repo up for this!

Collapse
 
sergio profile image
deleteme deleteme •

Certified dank 🅱️ deadass

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