Skip to content

"✨ Customize your Visual Studio Code editor with 🎨 custom CSS and πŸ’» JavaScript files. Enhance the appearance, add unique animations πŸŒ€, and create a personalized coding environment that suits your style πŸš€."

Notifications You must be signed in to change notification settings

ExploitEngineer/Customize_vscode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Customize_vscode

GitHub stars

✨ Transform your Visual Studio Code editor with 🎨 custom CSS, πŸ’» JavaScript, and a pre-configured settings.json file. Personalize your coding environment with animations, styles, and an optimized setup πŸš€.

πŸ“‚ Repository Contents

  • custom.css: Custom styles for the VS Code interface.
  • custom.js: JavaScript for animations and interactivity.
  • settings.json: Pre-configured settings to enable customization.

πŸ› οΈ Installation Steps

Linux

  1. Clone the repository:
    git clone https://github.com/ExploitEngineer/Customize_vscode.git
  2. Navigate to the cloned directory:
    cd Customize_vscode
  3. Copy the custom.css, custom.js, and settings.json files to your VS Code configuration directory:
    cp custom.css custom.js settings.json ~/.config/Code/User/
  4. Restart VS Code and ensure that custom settings are enabled.

macOS

  1. Clone the repository:
    git clone https://github.com/ExploitEngineer/Customize_vscode.git
  2. Navigate to the cloned directory:
    cd Customize_vscode
  3. Copy the custom.css, custom.js, and settings.json files to your VS Code configuration directory:
    cp custom.css custom.js settings.json ~/Library/Application\ Support/Code/User/
  4. Restart VS Code and ensure that custom settings are enabled.

Windows

  1. Clone the repository:
    git clone https://github.com/ExploitEngineer/Customize_vscode.git
  2. Navigate to the cloned directory:
    cd Customize_vscode
  3. Copy the custom.css, custom.js, and settings.json files to your VS Code configuration directory:
    copy custom.css custom.js settings.json "%APPDATA%\Code\User\"
  4. Restart VS Code and ensure that custom settings are enabled.

βš™οΈ How It Works

  1. The custom.css file applies new styles to your VS Code interface.
  2. The custom.js file enables animations and interactive elements.
  3. The settings.json file links the CSS and JS files to VS Code's settings, ensuring seamless integration.

Example settings.json Configuration

{
  "vscode_custom_css.imports": [
    "file:///path/to/your/custom.css",
    "file:///path/to/your/custom.js"
  ]
}

πŸš€ Start Customizing

Unleash your creativity and make VS Code truly yours! Modify the provided files as needed to match your style and preferences.

πŸ“ƒ License

This project is licensed under the MIT License. See the LICENSE file for more details.


🌟 Support

If you enjoy this project, give it a ⭐ on GitHub and share it with others!

About

"✨ Customize your Visual Studio Code editor with 🎨 custom CSS and πŸ’» JavaScript files. Enhance the appearance, add unique animations πŸŒ€, and create a personalized coding environment that suits your style πŸš€."

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published