VS Code Config

📷 Preview

A minimal and personalized Visual Studio Code setup focusing on the settings.json file. This configuration enhances the developer experience with customized editor preferences designed for consistency, performance, and productivity.

📦 What's Inside?

• ⚙️ settings.json – Tailored VS Code settings for an optimized development workflow

🔌 Required Extensions

To achieve the full visual and functional effect shown in the preview, please install the following extensions:

1. 🪟 Glassit-VSC - Adds acrylic/glass-like transparency to the VS Code interface.
2. 🎨 Custom UI Style - Allows injecting custom CSS for a highly stylized look.
3. 🌀 VSCode Animations - Adds smooth animations for UI interactions and transitions.
4. 🔠 Font Switcher – Easily switch fonts via the command palette

⚠️ Some extensions like Glassit-VSC and Custom UI Style require additional configuration and enabling custom CSS/JS. Make sure to follow their documentation carefully.

🔤 Required Fonts

To achieve the exact font rendering as seen in the preview, make sure the following fonts are installed on your system:

1. 🧬 Fira Code – Download here (for ligatures and modern code style)
2. 💻 JetBrains Mono – Download here (excellent readability and aesthetics)
3. 🔡 Source Code Pro Nerd Font – Download here (Adobe’s developer font, patched with Nerd Font glyphs)
4. 📝 Roboto Mono Nerd Font – Download here (Clean and modern monospace, patched with icons)

💡 You can select your preferred font via the editor.fontFamily setting inside settings.json.

🎨 Optional Theme

For a more visually refined and modern look (as seen in the preview), you may optionally use the Anyshphere Modern theme:

1. Anyshphere Modern - Download here “This is the theme I use daily for coding. It offers a clean, elegant aesthetic with soft syntax colors that reduce eye strain and keep me focused.”

🖼️ Optional Wallpaper

To complete the overall aesthetic, I also use a custom wallpaper that blends well with the transparent VS Code setup:

1. 🧊 Aurora Dotfiles Hyprland

💡 This is the wallpaper I currently use with my VS Code theme. I discovered it from a Hyprland rice called Aurora Dotfiles, and it matches perfectly with the soft, bluish tones of the UI.

🎯 Purpose

This repository serves as a portable, version-controlled configuration for Visual Studio Code. Perfect for syncing your environment across devices or sharing a trusted setup with teammates.

🚀 Getting Started

1. Clone or download this repository
2. Copy settings.json to your VS Code user configuration folder:

📍 Windows:   %APPDATA%\Code\User  
📍 macOS:     ~/Library/Application Support/Code/User 
📍 Linux:     ~/.config/Code/User  

3. Restart VS Code and you're ready to go! ⚡