Skip to content
A VS Code theme for those who work through the night.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
demos
icons
themes
.vscodeignore
CHANGELOG.md
LICENSE
README.md
logo.png
package.json

README.md

daybreak banner


Visual Studio Marketplace Version Visual Studio Marketplace Downloads Visual Studio Marketplace Rating (Stars)

daybreaktheme.com

Daybreak preview

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:

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 preview

"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 preview

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

License

MIT © Mike Mali

You can’t perform that action at this time.