---

daybreaktheme.com

Installation

1. Open the Extensions sidebar in VS Code
2. Search for Daybreak
3. Click Install
4. Open the Command Palette with Ctrl+Shift+P or ⇧⌘P
5. Select Preferences: Color Theme and choose Daybreak
6. Select Preferences: File Icon Theme and choose a Daybreak variant.
7. 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:

• Dank Mono (£40)
• Fira Code (Free)

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:

• Better Comments
• Bracket Pair Colorizer 2

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"],

License

MIT © Mike Mali