Emacs tokyonight-themes

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.

So I want to make it for GNU Emacs, here it is. The theme templates were taken from modus-themes, and the color palettes were taken 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.

Install manually from source:

git clone https://github.com/xuchengpeng/tokyonight-themes.git ~/.emacs.d/tokyonight-themes

(add-to-list 'load-path "~/.emacs.d/tokyonight-themes")
(require 'tokyonight-themes)
(load-theme 'tokyonight-moon :no-confirm)  ; Or tokyonight-day, tokyonight-storm, tokyonight-night

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")))

Related