DEV Community

Cover image for A futuristic dark theme `Aurora Future`
Benny Guo for Auroral UI

Posted on

A futuristic dark theme `Aurora Future`

Aurora Future

This theme is inspired by Adam Argyle's Kung-Fury-Theme.

Purple, pink and blue are the main colors of this theme. These colors combine give us a futuristic feel. The color scheme is inspired by Adam Argyle's theme.

However I have change the colors, to follow the colors used in Auroral-UI, basically the same colors used in my Hexo Theme Aurora.

Why make this theme?

First is because I fall in love with Adam Argyle's sublime3 theme when I watched his Youtube videos. The syntax highlight he did is just pure awesomeness, but his VSCode's version of the theme is very outdated, also the color saturation is just a bit too high for my own liking, therefore I decided to make my own base on his ideas. Another thing is that I would like to have my own custom theme to go with my Auroral-UI project.

I have used many themes in VSCode, but most of them used way too many colors. After writing hours of codes, my eyes gets very tiring of looking at those colors.

Therefore the main goal of this theme is to use the main colors of Auroral-UI and draw back all the distractions from the colors. Which help us focus on what is important and keep the visual harmony in the theme.

Features

I follow the same goals as Adam Argyle's sublime3 theme, because I couldn't agree more on his design concepts.

  • Accentuates the signal of your code, while pushing back the noise
  • Colors, italics, and subdued colors are meaningful to help you understand the code via consistent coloring, there's rhyme and reason for the choices beyond visual harmony
  • If your code has no errors, then it looks pythonic (noise reduction)
  • Dark mode that's been tested heavily for day and night use
  • Leverages cursive if you're using Dank Mono or Operator Mono

Recommended combination

  • Font: use Dank Mono or Operator Mono
  • Icon theme: Material Theme Icon Dark

Screenshots

JavaScript

JavaScript

Vue

Vue

Vue-HTML

Vue-HTML

Json

Json

Yaml

Yaml

How to get this theme?

Go search for the theme from VSCode extension, use the theme name Aurora Future.

Or

Go to the extension's page here


Hope you enjoy!~

Top comments (7)

Collapse
 
virejdasani profile image
Virej Dasani

I love your theme!
Also, check this out!

Collapse
 
bennyxguo profile image
Benny Guo

Thanks! I will check out your theme as well~ (and watch the youtube video on making theme to help out maintain the theme better, thanks for the tips!)

Collapse
 
virejdasani profile image
Virej Dasani

Btw, what font are you rocking?

Thread Thread
 
bennyxguo profile image
Benny Guo

The font is Dank Mono.

Collapse
 
cayque profile image
Cayque Freitas

now my vscode looks pretty, hahahah, awessome man!

Collapse
 
bennyxguo profile image
Benny Guo • Edited

Lets be pretty and awesome together 🀟🏻
Thanks for your love, if you have the time help me review and rate it on VSCode market, that would be double awesomeness! Thanks!

Collapse
 
teodev1611 profile image
Teo

Hi we need a vim version πŸ˜…πŸ˜Ž