daybreaktheme.com
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 Daybreak
- 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. As such, currently there isn't much in the way of personalization options for this theme.
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 yoursettings.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"],