Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Boxy Theme KitNew to Visual Studio Code? Get it now.

Boxy Theme Kit

Thanh Tran

|
20,804 installs
| (3) | Free
Tomorrow Night, Monokai, Nova, Ocean, Solarized Dark, Solarized Light, and Yesterday color schemes in Sublime Boxy Theme kit.
Install
Trouble Installing?

Boxy Theme Kit

A set of color themes based on Sublime's Boxy Theme.

All props go to Boxy Theme's author Ihor Oleksandrov. I just republish these theme files to VSCode Marketplace.

My favorite theme in this set is Tomorrow (Night), so I'll keep fixing its syntax color and tweaking the workbench theme to match.

For other themes, please feel free to send PR (please respect the original theme, just fix the coloring issues), I'll publish changes as soon as possible.

Preview screenshot below: ⬇

Additional customizations:

Here are my recommendations to set in the user's settings. Since these are personal preferences, I won't set this permanently in theme files.

Dimmer side bar and status bar

This will make the side bar and status bar text color less bright and distracted.

"workbench.colorCustomizations": {
    "statusBar.foreground": "#888",
    "sideBar.foreground": "#888"
}

Smaller workbench font size

This will make workbench text smaller to make it less distracted, more room to display contents and easier to distinguish between workbench's and editor's texts.

{
	"window.zoomLevel": -0.5,
	"editor.fontSize": 16,
	"terminal.integrated.fontSize": 16,
	"fontshortcuts.defaultFontSize": 16 // if use fontshortcuts extension
}

Override theme's workbench customization

There are workbench customizations mostly based on contributors' preferences. Some may not like it. Luckily, VSCode allows us to override the workbench theme with user's settings. Here's the default workbench theme re-defined as user settings to reset the theme's workbench customization.

{
	"workbench.colorCustomizations": {
		"activityBar.background": "#333333",
		"activityBar.foreground": "#cccccc",
		"activityBarBadge.background": "#007acc",
		"editor.background": "#1E1E1E",
		"editor.foreground": "#D4D4D4",
		"editor.inactiveSelectionBackground": "#3A3D41",
		"editor.selectionHighlightBackground": "#ADD6FF26",
		"editorIndentGuide.background": "#404040",
		"list.dropBackground": "#383B3D",
		"list.hoverBackground": "#2a2d2d",
		"sideBar.background": "#252525",
		"sideBarTitle.foreground": "#BBBBBB",
		"tab.inactiveBackground": "#2d2d2d"
	}
}

Boxy Monokai

monokai-preview

Boxy Nova

nova-preview

Boxy Ocean

  • Has custom workbench theming. Thanks @dganoff.

ocean-preview

Boxy Ocean (dimmed bg)

  • Has custom workbench (based on Boxy Ocean)
  • Editor's background is dimmed to make text easier to read, esp. for long period and in dark environment

ocean-dimmed-preview

Boxy Solarized Dark

  • Has custom workbench theming. Thanks @prog-rajkamal.

solarized-dark-preview

Boxy Solarized Light

solarized-light-preview

Boxy Tomorrow

  • This theme is based on the original Tomorrow Night theme with better syntax coloring for HTML, XML, Markdown, JSON, etc.
  • The comment doc tags were dimmed to avoid clutter.

Boxy Yesterday

yesterday-preview


MIT License

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft