Warning
If you customize or configure colors, or if you upgrade the colorscheme and notice that it's not affecting the appearance, please run the :GithubThemeCompile command to compile the colorscheme. We are actively addressing this issue and appreciate your patience.
Subscribe to this discussion
or :h github-theme-changelog to receive updates on breaking changes and deprecations.
- 2023-12-02: Reimplemented the
*_defaultcolorschemes, previously deprecated in the changelog-23042023 - 2023-05-14: This theme was major refactored with changes to Neovim support and codebase, heavily inspired by nightfox.nvim. Credit goes to EdenEast. For older Neovim versions, use the 0.0.x branch.
- 2022-08-03: Terminal and other themes have been moved to github-theme-contrib git repository and related code have been removed from this repository.
| github-nvim-theme | github-vscode-theme | Github Web UI | Primer |
|---|---|---|---|
| github_dark | Github Dark | - | - |
| github_light | Github Light | - | - |
| github_dark_dimmed | Github Dark Dimmed | Dark dimmed | dark_dimmed |
| github_dark_default | Github Dark Default | Dark default | dark |
| github_light_default | Github Light Default | Light default | light |
| github_dark_high_contrast | Github Dark High Contrast | Dark high contrast | dark_high_contrast |
| github_light_high_contrast | Github Light High Contrast | Light high contrast | light_high_contrast |
| github_dark_colorblind | Github Dark Colorblind (Beta) | Dark Protanopia & Deuteranopia | dark_colorblind |
| github_light_colorblind | Github Light Colorblind (Beta) | Light Protanopia & Deuteranopia | light_colorblind |
| github_dark_tritanopia | - | Dark Tritanopia | dark_tritanopia |
| github_light_tritanopia | - | Light Tritanopia | light_tritanopia |
- Supports the latest Neovim>=0.5 features like Treesitter and LSP
- Resembles GitHub's VSCode themes and follows primer design guidelines
- Has Github's colorblind themes
- Support for multiple plugins and status lines
- And many others should 'just work'!
- Minimal inactive Vim's Default statusline
- Vim terminal colors
- Darker background for sidebar-like windows
- Highly configurable with template overriding
- Most elegant lualine theme
- Compile user's configuration for fast startup times
- Export Color library utility
- Interactive live config re-loading
- Neovim >= 0.8.0 (for older version use 0.0.x branch)
- True color support
- Undercurl terminal support (optional)
Note
On macOS, the default terminal (i.e. Terminal.app) does not support true color 24-bit RGB colors. Use either Iterm2 or [another] terminal which supports true color.
Install the theme with your preferred package manager:
Install with vim-plug:
Plug 'projekt0n/github-nvim-theme'Or with dein:
call dein#add('projekt0n/github-nvim-theme')Or with minpac:
call minpac#add('projekt0n/github-nvim-theme')Or with Packer.nvim:
Add this in your init.lua or plugins.lua
-- Install without configuration
use ({ 'projekt0n/github-nvim-theme' })
-- Or with configuration
use({
'projekt0n/github-nvim-theme',
config = function()
require('github-theme').setup({
-- ...
})
vim.cmd('colorscheme github_dark')
end
})Or with lazy.nvim:
Add this in your init.lua or plugins.lua
-- Install without configuration
{ 'projekt0n/github-nvim-theme' }
-- Or with configuration
{
'projekt0n/github-nvim-theme',
lazy = false, -- make sure we load this during startup if it is your main colorscheme
priority = 1000, -- make sure to load this before all the other start plugins
config = function()
require('github-theme').setup({
-- ...
})
vim.cmd('colorscheme github_dark')
end,
}Simply set the colorscheme with the builtin command :colorscheme
colorscheme github_darkvim.cmd('colorscheme github_dark')- Font: Iosevka Nerd Font Mono
- Terminal: kitty
- Icon: nvim-web-devicons
- StatusLine: Default (.vimrc)
- dotfiles: ful1e5/dotfiles/nvim
vim.cmd('colorscheme github_dark')
vim.cmd('colorscheme github_dark_default')
vim.cmd('colorscheme github_dark_dimmed')
vim.cmd('colorscheme github_dark_high_contrast')
vim.cmd('colorscheme github_dark_colorblind')
vim.cmd('colorscheme github_dark_tritanopia')
vim.cmd('colorscheme github_light')
vim.cmd('colorscheme github_light_default')
vim.cmd('colorscheme github_light_high_contrast')
vim.cmd('colorscheme github_light_colorblind')
vim.cmd('colorscheme github_light_tritanopia')
There is no need to call setup if you don't want to change the default options and settings.
-- Default options
require('github-theme').setup({
options = {
-- Compiled file's destination location
compile_path = vim.fn.stdpath('cache') .. '/github-theme',
compile_file_suffix = '_compiled', -- Compiled file suffix
hide_end_of_buffer = true, -- Hide the '~' character at the end of the buffer for a cleaner look
hide_nc_statusline = true, -- Override the underline style for non-active statuslines
transparent = false, -- Disable setting bg (make neovim's background transparent)
terminal_colors = true, -- Set terminal colors (vim.g.terminal_color_*) used in `:terminal`
dim_inactive = false, -- Non focused panes set to alternative background
module_default = true, -- Default enable value for modules
styles = { -- Style to be applied to different syntax groups
comments = 'NONE', -- Value is any valid attr-list value `:help attr-list`
functions = 'NONE',
keywords = 'NONE',
variables = 'NONE',
conditionals = 'NONE',
constants = 'NONE',
numbers = 'NONE',
operators = 'NONE',
strings = 'NONE',
types = 'NONE',
},
inverse = { -- Inverse highlight for different types
match_paren = false,
visual = false,
search = false,
},
darken = { -- Darken floating windows and sidebar-like windows
floats = true,
sidebars = {
enable = true,
list = {}, -- Apply dark background to specific windows
},
},
modules = { -- List of various plugins and additional options
-- ...
},
},
palettes = {},
specs = {},
groups = {},
})
-- setup must be called before loading
vim.cmd('colorscheme github_dark')If you would like to change any of the default options above, simply specify the options that you'd like to change. Unspecified options will use their default value. For example, if you only wanted to change the styles of certain syntax items:
require('github-theme').setup({
options = {
styles = {
comments = 'italic',
keywords = 'bold',
types = 'italic,bold',
}
}
})To see a detailed explanation of Github Theme's config settings consult either the builtin help :help github-nvim-theme or
Usage.
Github Theme's modules store configuration information for various plugins and other neovim modules. To enable a module
either set the module to true or if the module has additional configuration information set enable to true.
By default modules will be enabled. To change this behaviour change options.module_default to false.
To see a list of modules check, see Usage or :help for more information.
You can change the color palette and the highlight group of github-theme. Here is a brief example:
-- Palettes are the base color defines of a colorscheme.
-- You can override these palettes for each colorscheme defined by github-theme.
local palettes = {
-- Everything defined under `all` will be applied to each style.
all = {
-- Each palette defines these colors:
-- black, gray, blue, green, magenta, pink, red, white, yellow, cyan
--
-- These colors have 2 shades: base, and bright
-- Passing a string sets the base
red = '#ff0000',
},
github_dark = {
-- Defining multiple shades is done by passing a table
red = {
base = '#8e1519',
bright = '#ee0000',
},
},
github_dark_dimmed = {
-- A palette also defines the following:
-- bg0, bg1, bg2, bg3, bg4, fg0, fg1, fg2, fg3, sel0, sel1, comment
--
-- These are the different foreground and background shades used by the theme.
-- The base bg and fg is 1, 0 is normally the dark alternative. The others are
-- incrementally lighter versions.
bg1 = '#444c56',
-- sel is different types of selection colors.
sel0 = '#adbac7', -- Popup bg, visual selection bg
sel1 = '#22272e', -- Popup sel bg, search bg
-- comment is the definition of the comment color.
comment = '#636e7b',
},
}
-- Spec's (specifications) are a mapping of palettes to logical groups that will be
-- used by the groups. Some examples of the groups that specs map would be:
-- - syntax groups (functions, types, keywords, ...)
-- - diagnostic groups (error, warning, info, hints)
-- - git groups (add, removed, changed)
--
-- You can override these just like palettes
local specs = {
-- As with palettes, the values defined under `all` will be applied to every style.
all = {
syntax = {
-- Specs allow you to define a value using either a color or template. If the string does
-- start with `#` the string will be used as the path of the palette table. Defining just
-- a color uses the base version of that color.
keyword = 'magenta',
-- Adding either `.bright` will change the value
conditional = 'magenta.bright',
number = 'orange',
},
git = {
-- A color define can also be used
changed = '#ffa261',
},
},
github_dark = {
syntax = {
-- As with palettes, a specific style's value will be used over the `all`'s value.
operator = 'orange',
},
},
}
-- Groups are the highlight group definitions. The keys of this table are the name of the highlight
-- groups that will be overridden. The value is a table with the following keys:
-- - fg, bg, style, sp, link,
--
-- Just like `spec` groups support templates. This time the template is based on a spec object.
local groups = {
-- As with specs and palettes, the values defined under `all` will be applied to every style.
all = {
-- If `link` is defined it will be applied over any other values defined
Whitespace = { link = 'Comment' },
-- Specs are used for the template. Specs have their palette's as a field that can be accessed
IncSearch = { bg = 'palette.cyan' },
},
github_dark = {
-- As with specs and palettes, a specific style's value will be used over the `all`'s value.
PmenuSel = { bg = '#73daca', fg = 'bg0' },
},
}
require('github-theme').setup({ palettes = palettes, specs = specs, groups = groups })
-- setup must be called before loading
vim.cmd('colorscheme github_dark')To find the list of syntax highlight groups defined for vim use the help :help group-name and :help nvim-treesitter-highlights for treesitter. If you would also like to see how Github Theme defines these highlight groups you can see syntax.lua for vim's syntax and treesitter.lua for treesitter. These files list out all all highlight groups and have a comment describing them. Another file to note is editor.lua which is the highlight groups responsible for how vim looks (background, cursorline, tabline, etc...).
To get more information check out Usage or the help file :help github-nvim-theme for more detailed information.
GitHub Theme's palettes and specs can be extended with your own values. This is useful for users that want to
distinguish a spec value being used for multiple group definitions. This is best understood with an example.
bg0 is used as the dark alternative background color. This is used in multiple areas (non-current file, status line,
normal float, etc...). If you would like to have the inactive color different then the float / statusline color you can
define your own value in the specs table.
require('github-theme').setup({
palettes = {
-- Custom duskfox with black background
github_dark = {
bg1 = '#000000', -- Black background
bg0 = '#1d1d2b', -- Alt backgrounds (floats, statusline, ...)
bg3 = '#121820', -- 55% darkened from stock
sel0 = '#131b24', -- 55% darkened from stock
},
},
specs = {
all = {
inactive = 'bg0', -- Default value for other styles
},
github_dark_dimmed = {
inactive = '#090909', -- Slightly lighter then black background
},
},
groups = {
all = {
NormalNC = { fg = 'fg1', bg = 'inactive' }, -- Non-current windows
},
},
})Github Theme exposes some Api's and utility classes that let you fetch data from Github Theme.
You can get the palettes used by each colorscheme:
-- Returns a table with each colorscheme and the palette associated with it
local palettes = require('github-theme.palette').load()
-- Returns the palette of the specified colorscheme
local palette = require('github-theme.palette').load('github_dark_dimmed')
print(vim.inspect(palette.red))
-- {
-- base = '#f47067',
-- bright = '#ff938a'
-- }See Usage for more information on palettes.
You can get the spec used by each colorscheme:
-- Returns a table with each colorscheme and the spec associated with it
local specs = require('github-theme.spec').load()
-- Returns the spec of the specified colorscheme
local spec = require('github-theme.spec').load('github_light')
print(vim.inspect(spec.git))
-- {
-- add = '#1a7f37',
-- changed = '#9a6700',
-- conflict = '#bc4c00',
-- ignored = '#6e7781',
-- removed = '#d1242f'
-- }See Usage for more information on specs.
Github Theme uses a color library internally to manipulate colors. You can use this library as well.
local palette = require('github-theme.palette').load('github_dark')
local Color = require('github-theme.lib.color')
local bg = Color.from_hex(palette.canvas.default)
local red = Color.from_hex('#ff0000')
-- Blend the bg with red. The blend factor is from 0 to 1
-- with 0 being full bg and 1 being full red
local red_bg = bg:blend(red, 0.2)
print(red_bg:to_css())
-- '#592b31'
-- Brighten bg by adding 10 to the value of the color as a hsv
local alt_bg = bg:brighten(10)
print(vim.inspect(alt_bg:to_hsv()))
-- {
-- hue = 212.30769230769,
-- saturation = 21.311475409836,
-- value = 33.921568627451
-- }There are a lot of useful functions to manipulate and work with colors in different color spaces.
See Usage for more information on Color.
Github Theme is a highly customizable and configurable colorscheme. This does however come at the cost of complexity and execution time.
Github Theme pre-computes the result of your configuration and saves the lua bytecode in a cache to be used on next load. This significantly speeds up Github theme's execution time. Changes to your configuration will be re-computed and cached automatically.
By default Github theme writes the compiled results into the system's cache directory. On unix this is
$XDG_CACHE_HOME/nvim/github-theme and on windows this is %localappdata%\\Temp\\nvim\\github-theme.
Github Theme provides functions to work with the github-theme compiler.
:GithubThemeCompile " Manually call github-theme compiler to create/update compiled filesrequire('github-theme').compile() -- lua api versionGithub Theme makes it easy to make changes to its config and see the results. For this Github Theme exposes the command:
GithubThemeInteractive
This command will attach an autocmd to the current buffer that executes on BufferWritePost. The autocmd will clear Github Theme's internal state and re-source it's config from the newly saved file. It will then reset the colorscheme.
- Builtin lsp diagnostics
- ale
- circles.nvim
- coc.nvim
- dap-ui
- dashboard-nvim
- diffchar.vim
- diffview.nvim
- fidget.nvim
- fsread.nvim
- fzf-lua
- gitsigns.nvim
- indent-blankline.nvim
- lsp-trouble.nvim
- lspsaga.nvim
- lualine.nvim
- mini.nvim
- neo-tree.nvim
- neogit
- nvim-bufferline.lua
- nvim-cmp
- nvim-compe
- nvim-notify
- nvim-tree.lua
- nvim-treesitter-context
- nvim-treesitter
- nvim-web-devicons
- telescope.nvim
- vim-airline
- vim-gitgutter
- which-key.nvim
Lualine checks the value of vim.g.colors_name (set when using :colorscheme command) to determine the theme to load.
Set your colorscheme before calling setup.
vim.cmd('colorscheme github_dark')
require('lualine').setup({ ... })Set your airline colorscheme with :AirlineThemes vim command.
This section will help you determine what highlight group is being applied to a piece of syntax. These methods show which highlight group(s) is in use at the current screen position of the cursor (under the cursor).
Tip
On Neovim v0.9.0 and later, you can use the builtin command :Inspect, or the Lua function vim.show_pos().
If treesitter is the highlighting method for the language in question you can use the command:
:TSHighlightCapturesUnderCursor. This command comes from the treesitter playground plugin. Make
sure you have this installed as well as nvim-treesitter.
To have undercurls show up and in color, add the following to your Tmux config file:
# Undercurl
set -g default-terminal '${TERM}'
set -as terminal-overrides ',*:Smulx=\E[4::%p1%dm' # undercurl support
set -as terminal-overrides ',*:Setulc=\E[58::2::%p1%{65536}%/%d::%p1%{256}%/%{255}%&%d::%p1%{255}%&%d%;m' # underscore colours - needs tmux-3.0See CONTRIBUTING.md
This project is released under the terms of the MIT license. See LICENCE for more information or see opensource.org
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent