Night Shift Theme

Introduction

This theme's main goal is to provide a dark, readable & clean experience into your favorite code editor.

In order to stay soft to the eyes, it uses a desaturated color palette and uses only bold characters for function names as they are what describes your code the better.

Visit Night Shift website for more info.

You can find a VSCode port of this theme here.
You'll find an iTerm2 port of this theme here.
A Warp Terminal port is available here.
A Google Chrome port is available here.

Notice: As I am working simultaneously on a lot of projects, things here may seem to move slowly but they are still in progress. I'm always monitoring my notifications and messages, so if you have any questions or want to chat about anything, feel free to reach out!

Preview

.tsx preview

Colors

Color	Hex Code	Used for
Medium blue	`#74829b`	Comments
Light blue	`#98a8c5`	Strings, Tag brackets
Blue	`#6db3ce`	Operators, Special operators, Provided (support) values
Red	`#e78482`	Tag attributes, Pseudo CSS
Green	`#8fc8bb`	CSS constant; Provided functions & variables
Yellow	`#ffd484`	Function names, Static types, CSS transition name/ID selectors/colors/include/mixins params, Inherited classes, Object/JSON property names, Language variables
Magenta	`#ad82cb`	Constants, Keywords
Cyan	`#7eddde`	Tags, CSS class selector
White / yellow	`#fff9ee`	Named entities, CSS units, Variable names, Storage keywords, Regex, CSS property names, Parameters

Installation

Install this theme from the extension panel: search for "Night Shift Theme".

You can find this theme in the Zed extension Marketplace.

Support

Do not hesitate to contact me if you have some suggestions of improvements or language addition requests.