Day Shift Theme

Introduction

This theme's main goal is to provide a light, 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 the dark version 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.

Preview

Colors

Color	Hex Code	Used for
Deep dark blue	#1e2737	Variable names
Dark blue	#39465e	Comments - Names entities - SCSS include, mixins params & parenthesis - CSS units - Regex - Parameters - Tag brackets
Medium blue	#74829b	Template expressions - Strings - Storage keywords - CSS class selector
Blue	#6db3ce	Tag brackets - Escape characters - Operators - Special operators
Red	#e78482	Tag attributes - Units - Pseudo CSS
Green	#8fc8bb	Static types - CSS constant variables
Yellow	#e0b972	Function names - JSON property name - CSS transition name, ID selector - Inherited classes - Language variables
Magenta	#ad82cb	Constants - Pseudo CSS - Keywords
Cyan	#2fc2c3	Tags selector

Installation

Launch VS Code Quick Open (⌘+P), paste the following command, and press enter.

ext install jean.day-shift-theme

Or install this theme from the extension panel : search for "Day Shift Theme".

You can find this theme in the Visual Studio Code Marketplace.

Customization

If you want to get rid of all bold or italic text, you can add these lines to your settings.json file :

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      // Remove bold
      {
        "name": "Function names",
        "scope": "entity.name.function",
        "settings": {
          "fontStyle": "",
        }
      },
      // Remove italics
      {
        "name": "Comments",
        "scope": "comment",
        "settings": {
          "fontStyle": "",
        }
      }
    ]
  },

If you want to override anything else, you can see all the style definitions here in the github repo.

Support

Javascript, Typescript, HTML/CSS, Python & PHP are for now the only fully tested and supported languages. Other languages may be partially supported too.

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