Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

github-vscode-theme

primer75MIT6.3.5

GitHub theme for VS Code

theme, github, light, dark, protanopia, colorblind

readme

GitHub's VS Code themes

GitHub VS Code theme

Install

  1. Go to VS Marketplace.
  2. Click on the "Install" button.
  3. 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)

Override this theme

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.

Contribute

  1. Clone and open this repo in VS Code
  2. Run yarn to install the dependencies.
  3. Press F5 to open a new window with your extension loaded
  4. 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?
  5. 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 or Cmd+Shift+P on Mac) in the Extension Development Host window.
  6. Run yarn build to update the theme. You can also run yarn start instead to automatically rebuild the theme while making changes and no reloading should be necessary.
  7. Once you're happy, commit your changes and open a PR.

Note:

Publish (internal)

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.

changelog

github-vscode-theme

6.3.5

Patch Changes

6.3.4

Patch Changes

6.3.3

Patch Changes

6.3.2

Patch Changes

6.3.1

Patch Changes

6.3.0

Minor Changes

Patch Changes

6.2.0

Minor Changes

Patch Changes

6.1.0

Minor Changes

Patch Changes

6.0.0

Major Changes

  • #240 075feb5 Thanks @maximedegreve! - # Light High Contrast Theme

    GitHub Light High Contrast is now out of beta and available to everyone. 🎉

    Light High Contrast Theme

5.2.2

Patch Changes

5.2.1

Patch Changes

5.2.0

Minor Changes

5.1.0

Minor Changes

  • #225 241d482 Thanks @maximedegreve! - # Colorblind Light & Dark Theme Adds a new GitHub Colorblind Light and Dark theme similar to the themes on github.com.

    Colorblind

5.0.3

Patch Changes

5.0.2

Patch Changes

5.0.1

Patch Changes

5.0.0

Major Changes

  • Add new "GitHub Dark High Contrast" theme #203.
  • Update colors from Primer Primitives #203.

GitHub VS Code theme

4.2.1

  • Fix importing v2 colors from primer/primitives

4.2.0

  • Add editorBracketHighlight and ANSI to classic. #205.
  • Set terminal.tab.activeBorder based on editor tab #189.
  • More clearer for the difference between new theme and legacy theme #191.

4.1.1

  • Generate themes based on 4.1.0.

4.1.0

  • Add support for secondary button style #167.
  • Replace border.overlay with border.primary #168.

4.0.5

  • Increase contrast for selected list item #165.

4.0.4

  • Fix sidebar contrast #158.
  • Use opacity for stackFrameHighlight #162.
  • Improve ANSI colors #164.

4.0.3

  • Fix terminal colors (Light Default) #160.

4.0.2

  • Fix diffs (Light Default) #153.
  • Style linkedEditing #154.
  • Use opacity for foldBackground #156.

4.0.1

  • fix: Use color.ansi.blueBright for ansiBrightBlue #142.
  • Use primer's official colors for activity bar, tab & panel borders #143.
  • Use primer's primary text color for editor foreground #144.

4.0.0

  • Add GitHub.com dimmed theme #138.
  • Add GitHub.com themes #132.

3.0.0

  • Revert dark changes #123. This should be the same as the 1.1.5 version.

2.0.1

  • Fix various issues for the new dark theme #117

2.0.0

  • Update dark colors to match github.com #102
  • Improve JavaScript/React highlighting #104

1.1.5

  • Rename color variables #68
  • Add statusbar prominent background #86

1.1.3

  • Soften foreground color #65
  • Fix Markdown list punctuation #65

1.1.2

  • Small optimisations #42
  • Stronger wordHighlightBorder #40
  • Fixed debug line color for dark theme #44
  • Add peekViewEditor colors for dark theme #39

1.1.1

  • Increase contrast for list.hoverBackground #37
  • Tweak selection and highlights #36
  • Update debug foreground color for dark theme #33
  • Add editorWidget.background colors #32

1.1.0

  • Add notifications #31
  • Enable semantic highlighting #30
  • Make diff editor colors more opaque #28
  • Darker strings #27
  • Fix small typo #22
  • Decrease whitespace characters color contrast #17

1.0.0

  • Introduce dark theme #4
  • Dark color tweaks #8
  • Increase contrast for editor.findMatch #12
  • Increase contrast for editor.findMatch #12
  • Custom list.activeSelection #13

0.2.3

  • Add status bar colors #6

0.2.2

  • Fix invalid scope #2

0.2.1

  • Update README

0.2.0

  • Change tabs
  • Add icon

0.1.0

  • Initial release