Installation Guide

Follow these steps to install and activate the Custom CSS and JS extension in Visual Studio Code.

Step 1: Install the Extension

Install the extension directly from the Visual Studio Code Marketplace.

  1. Open the Extensions view by clicking the icon in the Activity Bar on the side of the window or by pressing Ctrl+Shift+X.
  2. Search for Custom CSS and JS Loader.
  3. Click the Install button for the extension published by be5invis.

Step 2: Configure Your CSS/JS Files

You need to tell the extension which files to load by editing your settings.json file.

  1. Open your user settings by pressing Ctrl+Shift+P to open the Command Palette and typing Preferences: Open User Settings (JSON).
  2. Add the vscode_custom_css.imports property, which is an array of URLs pointing to your CSS or JS files.
{
    "vscode_custom_css.imports": [
        "file:///path/to/your/custom.css",
        "file:///path/to/your/custom.js"
    ]
}

Important: The paths must be valid URLs, not plain file paths. For detailed instructions on formatting URLs and using variables, see the Configuration page.

Step 3: Enable Customizations

Once configured, you must run the enable command from the Command Palette.

  1. Press Ctrl+Shift+P to open the Command Palette.
  2. Type Enable Custom CSS and JS and press Enter.

Administrator Privileges Required

On Windows, you must run VS Code as an administrator before executing this command. On macOS and Linux, you may need to adjust file permissions. See the Troubleshooting guide for details.

Step 4: Restart VS Code

After successfully enabling the extension, a prompt will appear asking you to restart VS Code. Click the Restart button to apply your changes. Your custom CSS and JS should now be active.