BlueSlate Theme

A Modern touch to the Default VS Code themes, styled with Tailwind CSS Colors. Tailwind CSS Color Slate is used for styling the main Color's of the Editor and Color Blue is used as Accent Color.

Theme Screenshots

Javascript & Typescript

Python

Installation

1. Open the Extensions tab in VS Code
2. Search for BlueSlate Theme
3. Click Install
4. Click Set Color Theme
5. Reload VS Code

Tweaks & theming

If you want to play around with new colors, use the setting workbench.colorCustomizations to customize the currently selected theme. For example, you can add this snippet in your "settings.json" file:

"workbench.colorCustomizations": {
"tab.activeBackground": "#282c34",
"activityBar.background": "#282c34",
"sideBar.background": "#282c34",
}

Suggestions & Editor Settings

1. Use Material Icons for the Exact Look.
2. Font used in Screenshots Martian Mono.
3. Font size 18

Issues & Suggestions

For any issues or suggestions, please use GitHub issues.