Skip to content

y3un9/custom-vscode-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This VSCode color theme is generated by yo and generator-code, following https://code.visualstudio.com/api/extension-guides/color-theme#create-a-new-color-theme.

# Generate VSCode color theme extension
$ npm init -y
$ npm install -g yo generator-code
$ npx yo code

# Get GitHub theme
$ git clone https://github.com/primer/github-vscode-theme.git
$ cd github-vscode-theme
$ yarn install
$ yarn build
$ cp github-vscode-theme/themes/light.json custom-vscode-theme/src/light.json
$ cp github-vscode-theme/themes/dark.json custom-vscode-theme/src/dark.json

# Get VSCode theme
$ cd custom-vscode-theme/src
$ wget https://raw.githubusercontent.com/microsoft/vscode/main/extensions/theme-defaults/themes/dark_modern.json https://raw.githubusercontent.com/microsoft/vscode/main/extensions/theme-defaults/themes/dark_plus.json https://raw.githubusercontent.com/microsoft/vscode/main/extensions/theme-defaults/themes/dark_vs.json https://raw.githubusercontent.com/microsoft/vscode/main/extensions/theme-defaults/themes/light_modern.json https://raw.githubusercontent.com/microsoft/vscode/main/extensions/theme-defaults/themes/light_plus.json https://raw.githubusercontent.com/microsoft/vscode/main/extensions/theme-defaults/themes/light_vs.json

# Install local
$ cp -rf ../custom-vscode-theme $HOME/.vscode/extensions/
$ cp -rf ../custom-vscode-theme $HOME/.vscode-insiders/extensions/

Themes:

  • GitHub Light for Light
    • from '@primer/github-vscode-theme/light'
    • modified statusBar to be like '@microsoft/vscode/dark_vs'
  • GitHub Light for Dark
    • from '@primer/github-vscode-theme/light'
    • modified statusBar to be like '@microsoft/vscode/dark_vs'
    • modified titleBar to be like '@primer/github-vscode-theme/dark'
  • Default Dark Modern for Light
    • from '@microsoft/vscode/dark_modern'
    • modified statusBar to be like '@microsoft/vscode/dark_vs'
    • modified titleBar to be like '@@microsoft/vscode/light_modern'
  • Default Dark Modern for Dark
    • from '@microsoft/vscode/dark_modern'
    • modified statusBar to be like '@microsoft/vscode/dark_vs'

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published