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

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

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.

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

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

Previews:

We welcome contributions! 🛠️

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

This project is licensed under the MIT License.