🎨 VSCode & Cursor Custom Style Collections

Welcome to the VSCode & Cursor Custom Style Collections repository! This library contains CSS snippets to enhance your editing experience in VSCode and Cursor Editor.

---

🚀 Features:

• 🎯 Gradient animations for active tabs
• 📂 Custom sidebar styling
• 🖌️ File tab color customization
• 💻 Enhanced editor UI styles

---

⚙️ Prerequisites:

Before applying the custom styles, ensure you’ve installed the following extension:

👉 Custom CSS and JS Loader

1. Open Extensions in VSCode (Ctrl+Shift+X).
2. Search for Custom CSS and JS Loader.
3. Install and enable the extension.

---

📦 Installation Guide:

1. Clone this repository:

   git clone https://github.com/huychau/vscode-cursor-custom-style-collections.git

2. Open VSCode Settings (Ctrl+,) and add the following to your settings.json:

     "vscode_custom_css.imports": [
      "file:///path-to-your-repo/vscode-cursor-custom-style-collections/styles/gradient-active-tab.css"
   ]
   

3. Restart VSCode

---

📚 Available Snippets:

• 🟢 gradient-active-tab.css — Gradient animation on active tab.
• 🟠 custom-sidebar.css — Sidebar UI tweaks.
• 🔵 file-tab-colors.css — File tab custom colors.

Previews:

• 
• 
• 

---

🤝 Contributing:

We welcome contributions! 🛠️

• Fork the repository.
• Create a new branch.
• Submit a pull request with your improvements or new snippets.

---

📜 License:

This project is licensed under the MIT License.