daybreaktheme.com

Daybreak preview

Installation

Open the Extensions sidebar in VS Code
Search for Daybreak
Click Install
Open the Command Palette with Ctrl+Shift+P or ⇧⌘P
Select Preferences: Color Theme and choose Daybreak
Select Preferences: File Icon Theme and choose a Daybreak variant.
Enjoy! 🌅 Also, check out some of the personalization options below...

Personalization

This theme is the byproduct of some very opinionated changes to both Horizon Theme and Chalice Icon Theme.

Included is the default version of the theme, with alternative options that support italic and bold syntax highlighting. I personally use the italic variant, but I encourage you to find an option that works best for you.

For more info on theming, visit the Theme Authoring Guide and Theme Color Reference.

Recommended Fonts, Extensions & Settings

I am a big fan of fonts that support ligatures. I highly recommend the following fonts:

Note: Ensure you enable font ligatures by adding "editor.fontLigatures": true, to your settings.json file.

I also highly recommended two particular extensions to help augment this theme even further:

Download these extensions and add the following settings to your settings.json file.

Better Comments

"better-comments.tags": [
    {
      "tag": "!",
      "color": "#2E302E",
      "strikethrough": false,
      "backgroundColor": "#E95678"
    },
    {
      "tag": "?",
      "color": "#2E302E",
      "strikethrough": false,
      "backgroundColor": "#B877DB"
    },
    {
      "tag": "//",
      "color": "#474747",
      "strikethrough": true,
      "backgroundColor": "transparent"
    },
    {
      "tag": "todo",
      "color": "#FAB795",
      "strikethrough": false,
      "backgroundColor": "#2E302E"
    },
    {
      "tag": "*",
      "color": "#FDF0ED",
      "strikethrough": false,
      "backgroundColor": "transparent"
    },
    {
      "tag": "#",
      "color": "#FDF0ED",
      "strikethrough": false,
      "backgroundColor": "#2E302E"
    },
    {
      "tag": "_",
      "color": "#2E302E",
      "strikethrough": false,
      "backgroundColor": "#FDF0ED"
    }
  ],

Bracket Pair Colorizer 2

"bracket-pair-colorizer-2.colors": ["#FAC29A", "#B877DB", "#25B2BC"],

Daybreak

mtdmali