Smooth Dark is a minimalist, rounded-edge Visual Studio Code theme with modern spacing, subtle shadows, and a clean black background between panels.
Designed to enhance focus and make your coding environment visually relaxing.
- Rounded corners for all panels (Editor, Sidebar, Terminal)
- Custom gaps (spacing) between windows with black background
- Fully uniform dark background (#2A2A2E)
- Smooth file tab styling with matching editor background
- Subtle shadows for depth and clarity
- Easy to modify or extend
-
Install the extension: Custom CSS and JS Loader
-
Clone or download this repository.
-
Copy the files into your local machine.
-
In your VSCode
settings.json, add:
"vscode_custom_css.imports": [
"file:///ABSOLUTE/PATH/TO/theme/custom.css"
],
"vscode_custom_css.policy": true-
Open Command Palette (Ctrl+Shift+P) and run:
Enable Custom CSS and JS -
Reload / Restart VSCode.
📋 Notes The settings.json provided is a safe, clean version without any sensitive information.
You can tweak colors easily inside dark.json or further customize gaps and corners inside custom.css.
This custom theme is proudly built on top of the amazing
🎨 Firefox Theme created by Heron Silva.
Big thanks to Heron for crafting such a clean and well-balanced base theme.
My goal was to keep its spirit alive while customizing the spacing, backgrounds, and UI polish to better match my personal workflow and preferences.
🛠 All customizations, spacing tweaks, rounded corners, and visual polish:
Made with care by Miro