Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Custom VSCode UI CSSNew to Visual Studio Code? Get it now.
Custom VSCode UI CSS

Custom VSCode UI CSS

kencoca.ceo

|
6,955 installs
| (10) | Free
I make this extension to inject custom CSS to customize your visual studio code. Let's especially enjoy your VSCode workbench.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CustomVSCodeUI

I make this extension to inject custom CSS to customize your visual studio code. Let's especially enjoy your VSCode workbench.

Getting Started

  1. Install this extension.

  2. Add to settings.json.

    2.1. Use CSS syntax.

    "customvscodeuicss.css": "*{font-family: 'JetBrains Mono';font-size: 13px}"
    

    2.2. Use absolute local path.

    "customvscodeuicss.css": "path/to/local/file"
    
  3. Execute Visual Studio Code command customvscodeuicss: Reload Configuration.

  4. Click Yes. Let's do it to restart VSCode.

Rollback to default VSCode style

  1. Execute Visual Studio Code command customvscodeuicss: Rollback.

  2. Click Yes. Let's do it to restart VSCode.

Release Notes

  • v1.0.0: Initial release of Custom Visual Studio Code CSS Extension!.

  • v2.0.0: Can use a local file instead of direct CSS syntax. can rollback VSCode to the default style..

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft