The theme aims to provide excellent legibility and contrast, without excessive blue light or compromises in terms of syntax highlighting.
To do so, it borrows the excellent syntax highlighting from Noctis, kicks it up a notch in terms of saturation and lightness, and combines it with a sleek, black UI.
It also now includes "no-italic" and "no-italic-no-bold" versions, made with bitmap fonts in mind. Basically, if you're using a small font-size without scaling, I'd recommend using one of those versinos along with a font such as Terminus.
| Noctis | Noctis High Contrast | Used for: |
|---|---|---|
#49e9a6 |
#66ffbf |
Strings |
#16b673 |
#00cc76 |
Interpolated Strings |
#5b858b |
#888888 |
Comments |
#16a3b6 |
#00b4cc |
Function Calls |
#49d6e9 |
#99f3ff |
Method Calls |
#49ace9 |
#00a0ff |
Code that needs to stand out |
#7060eb |
#a000ff |
Numbers & Booleans |
#df769b |
#ff669c |
Keywords & Operators |
#e66533 |
#ff7039 |
Function & Variable Declaration, Tags & this |
#d67e5c |
#ffc69d |
Object properties, ID selectors in CSS & Type annotations |
#d5971a |
#e6ac00 |
Attributes, Constants |
#e4b781 |
#ffb966 |
Variables & Parameters |
The theme building process is a simiplified version of that used by the Noctis theme.
syntax.mjs→ syntax tokens based on the language grammar installed./src/themeData/→ theme files with an additional syntaxColors prop, equivalent to the "colors.mjs" entry in Noctis
After you make a change in any of the above files you need to use npm run build command. The build output folder is ./themes/
Happy hacking!
This theme is a fork of Noctis and borrows heavily from Popping and Locking Black Theme.
The font used in the screenshot is Fire Code Retina.