GitHub's VS Code themes

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:

• If possible use colors from Primer's color system.

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.

github-vscode-theme

6.3.5

Patch Changes

• #395 b7991c4 Thanks @Damovisa! - Fix inline code block contrast for High Contrast theme.

6.3.4

Patch Changes

• #357 c783d6c Thanks @simurai! - Improve color contrast for default Light and Dark themes

6.3.3

Patch Changes

• #342 41b22cc Thanks @simurai! - Fix tab color for GitHub Light High Contrast

• #343 89e26fc Thanks @broccolinisoup! - Add issue + PR templates

• #328 ed605f6 Thanks @Mekomancer! - Increase diff contrast

• #337 60db748 Thanks @ShadiestGoat! - Add better placeholder colors for semantic highlighting

• #346 2c27f5d Thanks @simurai! - Improve minimap slider contrast

• #348 67a22b1 Thanks @broccolinisoup! - Update the color for the active header foreground

• #344 19bf4a5 Thanks @simurai! - Bump primer/primitives to 7.10.0

• #347 ed61642 Thanks @simurai! - Remove underline from link text

6.3.2

Patch Changes

• #316 50149a8 Thanks @simurai! - Differentiate remote status-bar item

6.3.1

Patch Changes

• #311 09968c2 Thanks @simurai! - Remove punctuation.definition.string

• #312 71c180a Thanks @simurai! - Make editorIndentGuide semi-transparent

• #303 735ec3c Thanks @simurai! - Colorize JSON property-name

6.3.0

Minor Changes

• #296 4fe2d37 Thanks @simurai! - Add support for strikethrough

Patch Changes

• #299 b0f4bd9 Thanks @simurai! - Improve breakpoint icon for colorblind themes

• #297 328c05b Thanks @simurai! - Remove string source scope

• #292 6283960 Thanks @simurai! - Colorize inline code blocks for the classic themes

• #294 5593a09 Thanks @simurai! - Improve selection in High Contrast themes

• #302 c08c420 Thanks @simurai! - Reduce contrast for whitespace characters

• #298 130db93 Thanks @simurai! - Reduce contrast for line numbers

6.2.0

Minor Changes

• #287 dd81ff1 Thanks @simurai! - Improve diff colors

• #274 9b88e1c Thanks @BrunoCoimbra! - Add bracket pair colorization

• #278 a877e3f Thanks @clavin! - Add inlay hint styles

• #184 16d4682 Thanks @abeprincec! - Add syntax highlight for puncation.section.embedded

• #239 d1d663b Thanks @jeffgennari! - Add debug and symbol icon colors

Patch Changes

• #285 9eece4d Thanks @simurai! - Fix icons in high contrast themes

• #288 74a48e5 Thanks @simurai! - Increase contrast of the terminal

6.1.0

Minor Changes

• #212 f03ca46 Thanks @akiirui! - fix: add missing scope variable.other.enummember

• #193 8bb0bc8 Thanks @serpilacar! - Update markdown inline code scope

• #252 706236c Thanks @magic-akari! - feat: add underline support

Patch Changes

• #268 6bc9e1a Thanks @simurai! - Update remote statusbar item

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. 🎉

  

5.2.2

Patch Changes

• #244 d318d0e Thanks @maximedegreve! - Easier code to manage + port values to new primitives

5.2.1

Patch Changes

• #256 6549f32 Thanks @simurai! - Fix Dark Dimmed from loosing syntax highlighting

5.2.0

Minor Changes

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

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.

  

5.0.3

Patch Changes

• #234 bbb3a83 Thanks @simurai! - Update README

5.0.2

Patch Changes

• #232 027ef70 Thanks @jonrohan! - Testing another patch release

5.0.1

Patch Changes

• #229 4279f43 Thanks @simurai! - Add note about publishing

5.0.0

Major Changes

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

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