https://github.com/code-env/vs-code

Making my second home looking good!
https://github.com/code-env/vs-code

json vscode vscode-configs vscode-settings vscode-snippets vscode-theme

Last synced: about 1 month ago
JSON representation

Making my second home looking good!

• Host: GitHub
• URL: https://github.com/code-env/vs-code
• Owner: code-env
• Created: 2024-08-05T01:09:01.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T22:24:04.000Z (5 months ago)
• Last Synced: 2024-11-08T04:15:23.781Z (3 months ago)
• Topics: json, vscode, vscode-configs, vscode-settings, vscode-snippets, vscode-theme
• Language: JavaScript
• Homepage:
• Size: 21.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Instructions

**NOTE:** Please take time to read the short documentation of **"Custom CSS and JS Loader"** for some useful tips for various operating systems to avoid issues regarding the changes not taking effect.

1. Install "Custom CSS and JS Loader" VS Code Extension.

2. Copy the contents of settings.json to your VS Code's settings.json (warning: it will overwrite your settings).

3. Add `vscode_custom_css.imports` array to your settings.json file:

```

"vscode_custom_css.imports": [

    // Absolute file paths for your css/js files

    // For Mac or Linux

    // "file:///Users/your-user-name/custom-vscode.css"

    // "file:///Users/your-user-name/custom-vscode-script.js"

    // For Windows

    // "file:///C:/path-of-custom-css/custom-vscode.css"

    // "file:///C:/path-of-custom-css/custom-vscode-script.js"

],

```

**if you don't see your path use the on mac/linux**

```bash

pwd

```

then copy the path and embed within the file///[your-path]/

4. You might need to take ownership of the CSS/JS files you made or run VS Code with admin privileges on certain operating system:

```

Mac and Linux users

The extension would NOT work if Visual Studio Code cannot modify itself. The cases include:

Code files being read-only, like on a read-only file system or,

Code is not started with the permissions to modify itself.

You need to claim ownership on Visual Studio Code's installation directory, by running this command:

Note: Replace /usr/share/code where your VS Code is installed.

sudo chown -R your-user-name /usr/share/code

```

5. Enable "Custom CSS and JS Loader" from VS Code's command dialog.

6. Customize the css or js from this repo to make it look the way you want to, or even better, explore areas of VS Code that you want to customize.

7. After making some changes, reload the extension (Reload Custom CSS and JS) from VS Code's command dialog.

8. You can change the svg to a background image on this site (site)[https://bloggerpilot.com/en/tools/svg-to-css/]