A basic customizable UI Theme for VS Code.
Right now it uses Custom CSS and JS Loader to add custom CSS files. Hopefully we'll have an official API soon.
Used in the screenshot:
- Font: Operator Mono
- Theme: Eagle Oceanic Next
- Clone the repo
- Install the extension Custom CSS and JS Loader and activate it
- Go to your settings and add the following:
"vscode_custom_css.imports": [
"file:///path/to/repo/themes/your-selected-theme.css",
"file:///path/to/repo/themes/base.css"
]- Run the command
Enable Custom CSS and JS. (Note: This edits core files and you will need to activate after every update) - Reload the VS Code Window
- Eagle Oceanic Next (Use with Eagle Oceanic Next)
- Panda Theme (Use with Panda)
- Want more? Create an issue or create a push request.
- Create an extension to make installation easier
- Add more Themes
- Add more variables
- Fix missing theme details (for example)
The API I'm aiming for is something like this:
For premade themes:
"vscode_ui_themes.theme": "eagle-oceanic-next"
For custom theme:
"vscode_ui_themes.theme": "file:///path/to/file.css"