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

Rounded Theme with Custom CSS

brodycritchlow

|
102 installs
| (1) | Free
Automatically applies rounded theme settings, custom CSS, and installs recommended extensions
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Rounded Theme for VS Code

A VS Code extension that automatically applies beautiful rounded UI elements, custom CSS styling, and optimized settings based on the popular configuration by @dunhamjared.

Features

  • 🎨 Rounded UI Elements: Smooth, rounded tabs and panels
  • 🌙 Dark Theme: Darcula - WebStorm Edition with custom color customizations
  • ⚡ Performance Optimizations: GPU acceleration and WebGL rendering for terminals
  • 🔧 Automatic Setup: One-click installation of all settings and extensions
  • 📦 Recommended Extensions: Installs curated extensions for better development experience

What's Included

Visual Customizations

  • Rounded tabs with smooth animations
  • Custom sidebar and panel styling
  • Blur effects and smooth transitions
  • JetBrains Mono font with optimized sizing

Settings Applied

  • Editor configurations for better readability
  • Terminal performance enhancements
  • File handling improvements
  • Search and navigation optimizations

Recommended Extensions

  • Material Icon Theme
  • Darcula JetBrains Theme
  • Custom CSS and JS Loader
  • Prettier
  • ESLint
  • And more development tools

Installation

From VSIX file

  1. Download the .vsix file
  2. Open VS Code
  3. Go to Extensions view (Cmd/Ctrl + Shift + X)
  4. Click the "..." menu and select "Install from VSIX..."
  5. Select the downloaded file

From source

  1. Clone this repository to ~/rounded_theme_extension
  2. Open VS Code
  3. Run the following commands:
    cd ~/rounded_theme_extension
    npm install -g vsce
    vsce package
    
  4. Install the generated .vsix file

Usage

The extension activates automatically when VS Code starts. You can also manually trigger actions:

Commands

  • Rounded Theme: Apply Theme and Settings - Applies all theme settings and custom CSS
  • Rounded Theme: Install Recommended Extensions - Installs all recommended extensions
  • Rounded Theme: Reset to Default Settings - Removes all custom settings

Access commands via Command Palette (Cmd/Ctrl + Shift + P)

Configuration

You can customize the extension behavior in settings:

{
  "roundedTheme.autoApply": true,  // Auto-apply on startup
  "roundedTheme.customCssPath": ""  // Custom CSS file path (optional)
}

Requirements

  • VS Code 1.74.0 or higher
  • Custom CSS and JS Loader extension (automatically installed)

Troubleshooting

Custom CSS not working

  1. Make sure the Custom CSS and JS Loader extension is installed
  2. Run "Reload Custom CSS and JS" from Command Palette
  3. Restart VS Code

Theme not applying

  1. Check if you have conflicting theme extensions
  2. Run "Rounded Theme: Apply Theme and Settings" manually
  3. Restart VS Code

Credits

Based on the configuration by @dunhamjared Original gist: https://gist.github.com/dunhamjared/897d0d0bdc6f77dfb02fc00166e24502

License

MIT

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