- Go to VS Marketplace.
- Click on the "Install" button.
- Then select a theme. The GitHub themes try to match the themes available in github.com's settings:
GitHub Light Default
GitHub Light High Contrast
✨ new ✨GitHub Light Colorblind
✨ new ✨GitHub Dark Default
GitHub Dark High Contrast
GitHub Dark Colorblind
✨ new ✨GitHub Dark Dimmed
Additionally, there are also two older themes. Note: They might not get updated frequently and are kept for legacy reasons:
GitHub Light
(legacy)GitHub Dark
(legacy)
To override this (or any other) theme in your personal config file, please follow the guide in the color theme documentation. This is handy for small tweaks to the theme without having to fork and maintain your own theme.
- Clone and open this repo in VS Code
- Run
yarn
to install the dependencies. - Press
F5
to open a new window with your extension loaded - Open
Code > Preferences > Color Theme
[⌘k ⌘t
] and pick the "GitHub ..." theme you want to test. Note: It seems this has to be done 2x because the first time it switches back to the default light theme. This might be a bug? - Make changes to the
/src/theme.js
file.- UI: For all changes to the "outer UI", like (status bar, file navigation etc.), take a look at the Theme Color reference.
- Syntax: For changes to the "code highlighting", examine the syntax scopes by invoking the
Developer: Inspect Editor Tokens and Scopes
command from the Command Palette (Ctrl+Shift+P
orCmd+Shift+P
on Mac) in the Extension Development Host window.
- Run
yarn build
to update the theme. You can also runyarn start
instead to automatically rebuild the theme while making changes and no reloading should be necessary. - Once you're happy, commit your changes and open a PR.
Note:
- If possible use colors from Primer's color system.
Note: Publishing a new version of this theme is only meant for maintainers.
This repo uses changesets to automatically make updates to CHANGELOG.md and publish a new version to the VS Marketplace.