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
Download the .vsix file
Open VS Code
Go to Extensions view (Cmd/Ctrl + Shift + X)
Click the "..." menu and select "Install from VSIX..."
Select the downloaded file
From source
Clone this repository to ~/rounded_theme_extension
Open VS Code
Run the following commands:
cd ~/rounded_theme_extension
npm install -g vsce
vsce package
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: