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.