A clean dark Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night.
Tokyo Night theme was firstly published as a plugin for Visual Studio Code, now it has many other ports.
The theme templates adapt from modus-themes, and the color palettes adapt from tokyonight.nvim, these two themes are very popular and awesome with GNU Emacs or Neovim.
This theme has four color palettes, as same sa tokyonight.nvim. I have add support with some popular packages which I often use with GNU Emacs, like Corfu, vertico, orderless, dired, diff-hl, hl-todo, multiple-cursors, symbol-overlay, vundo and so on.
If you like it, clone the theme, and add support for your plugins into the theme code. Also, you can use theme colors in code with tokyonight-themes-with-colors
.
For example, add support for git-gutter-fr package.
(tokyonight-themes-with-colors
(custom-set-faces
`(git-gutter-fr:added ((,c :foreground ,green)))
`(git-gutter-fr:deleted ((,c :foreground ,red)))
`(git-gutter-fr:modified ((,c :foreground ,yellow)))))
Evaluate the code with a function after loading tokyonight-themes.
If you want to change the color palettes, we have a option for palette overrides. Customize tokyonight-<style>-palette-overrides
before you load the tokyonight-themes, style is an choice with storm
, moon
, night
or day
.
For example, change the blue and cyan color for tokyonight-day-theme.
(setq tokyonight-day-palette-overrides
'((blue . "#2e7de9")
(cyan . "#007197")))
Basic setup:
- Get the source:
git clone https://github.com/xuchengpeng/tokyonight-themes.git ~/.emacs.d/tokyonight-themes
- Load the theme in your configuration:
(add-to-list 'load-path "~/.emacs.d/tokyonight-themes")
(require 'tokyonight-themes)
(load-theme 'tokyonight-moon :no-confirm)