ランキングに戻る

primer/github-vscode-theme

JavaScriptmarketplace.visualstudio.com/items

GitHub's VS Code themes

themevscodelightdark
スター成長
スター
2k
フォーク
240
週間成長
Issue
71
1k2k
2020年4月2022年5月2024年6月2026年7月
成果物npmnpm install github-vscode-theme
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.

関連リポジトリ
ohmyzsh/ohmyzsh

🙃 A delightful community-driven (with 2,500+ contributors) framework for managing your zsh configuration. Includes 300+ optional plugins (rails, git, macOS, hub, docker, homebrew, node, php, python, etc), 140+ themes to spice up your morning, and an auto-update tool that makes it easy to keep up with the latest updates from the community.

ShellMIT Licenseshellzsh-configuration
ohmyz.sh
188.7k26.5k
fyne-io/fyne

Cross platform GUI toolkit in Go inspired by Material Design

GoGo ModulesBSD 3-Clause "New" or "Revised" Licensegolanggui
fyne.io
28.5k1.5k
squidfunk/mkdocs-material

Documentation that simply works

PythonPyPIMIT Licensemkdocstheme
squidfunk.github.io/mkdocs-material/
27.1k4.1k
mbadolato/iTerm2-Color-Schemes

Over 450 terminal color schemes/themes for iTerm/iTerm2. Includes ports to Terminal, Konsole, PuTTY, Xresources, XRDB, Remmina, Termite, XFCE, Tilda, FreeBSD VT, Terminator, Kitty, MobaXterm, LXTerminal, Microsoft's Windows Terminal, Visual Studio, Alacritty, Ghostty, and many more

ShellOtherterminalterminal-themes
iterm2colorschemes.com
27.1k6.5k
akveo/ngx-admin

Customizable admin dashboard template based on Angular 10+

TypeScriptnpmMIT Licensewebpackbootstrap4
akveo.github.io/ngx-admin/
25.7k7.9k
gpakosz/.tmux

Oh my tmux! My self-contained, pretty & versatile tmux configuration made with 💛🩷💙🖤❤️🤍

ShellMIT Licensetmuxtmux-conf
25.2k3.6k
doczjs/docz

✍ It has never been so easy to document your things!

TypeScriptnpmMIT Licensedocsdocumentation
docz.site
23.7k1.5k
pedronauck/docz

✍ It has never been so easy to document your things!

TypeScriptnpmMIT Licensedocsdocumentation
23.6k1.4k
catppuccin/catppuccin

😸 Soothing pastel theme for the high-spirited!

TypeScriptnpmMIT Licensecatppuccintheme
catppuccin.com
19.5k350
MaterialDesignInXAML/MaterialDesignInXamlToolkit

Google's Material Design in XAML & WPF, for C# & VB.Net.

C#MIT Licensec-sharpmaterial
16.2k3.5k
faressoft/terminalizer

🦄 Record your terminal and generate animated gif images or share a web player

JavaScriptnpmMIT Licenseterminalrecord
terminalizer.com
16.1k523
alshedivat/al-folio

A beautiful, simple, clean, and responsive Jekyll theme for academics

HTMLMIT Licensejekylljekyll-theme
alshedivat.github.io/al-folio/
15.9k13.1k