https://github.com/xn-sakina/vscode-virtual

Customize your VSCode styles
https://github.com/xn-sakina/vscode-virtual

vscode vscode-css vscode-custom vscode-style

Last synced: about 2 months ago
JSON representation

Customize your VSCode styles

• Host: GitHub
• URL: https://github.com/xn-sakina/vscode-virtual
• Owner: xn-sakina
• License: mit
• Created: 2024-04-20T08:16:44.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-20T08:27:56.000Z (9 months ago)
• Last Synced: 2024-04-28T07:54:25.250Z (9 months ago)
• Topics: vscode, vscode-css, vscode-custom, vscode-style
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=fz6m.vscode-virtual
• Size: 1.53 MB
• Stars: 10
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# VSCode Virtual

Customize your vscode styles.

### Config

```ts

{

  "vscode-virtual.styles": [

    // url

    "https://domain.com/style.css",

    // local file

    // "file:///Users/name/Documents/style.css"

  ],

  // You can temp disable this plugin (Default: true)

  "vscode-virtual.enabled": true

}

```

if your file content has changed, use VSCode command `VSCode Virtual: Reload styles` to reload the style.

NOTE: style changes require reloading VSCode to work.

### Demo

Customize the VSCode start page logo:

```ts

{

  "vscode-virtual.styles": [

    "https://gist.githubusercontent.com/fz6m/62e4f36cdf7ec8108d5e11ed9bec007b/raw/6f98a62f5d002d3555be351a22c4d74c71726706/logo.css"

  ]

}

```



this image from: [`ProgrammingVTuberLogos`](https://github.com/Aikoyori/ProgrammingVTuberLogos/blob/main/VSCode/VSCode.png)

### Thanks/Inspiration

 - [vscode-background](https://github.com/shalldie/vscode-background) : Bring background images to your vscode.