diff --git a/README.md b/README.md index 3e8d34d..c26739d 100644 --- a/README.md +++ b/README.md @@ -3,8 +3,8 @@ [![Version](https://vsmarketplacebadge.apphb.com/version/enkia.tokyo-night.svg)](https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night) [![Rating](https://vsmarketplacebadge.apphb.com/rating-star/enkia.tokyo-night.svg)](https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night) [![Issues](https://img.shields.io/github/issues/enkia/tokyo-night-vscode-theme)](https://github.com/enkia/tokyo-night-vscode-theme/issues) -

A clean Visual Studio Code theme that celebrates the lights of Downtown [Tokyo at night.](https://www.google.com/search?q=tokyo+night&newwindow=1&sxsrf=ACYBGNRiOGCstG_Xohb8CgG5UGwBRpMIQg:1571032079139&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiayIfIhpvlAhUGmuAKHbfRDaIQ_AUIEigB&biw=1280&bih=666&dpr=2) -

**Note:** Many UI elements are intentionally low contrast so as not to distract. I can provide [customization settings](https://code.visualstudio.com/api/references/theme-color) similar to what is shown further down this page to anyone who needs specific text brightened. +

A clean Visual Studio Code theme that celebrates the lights of Downtown [Tokyo at night.](https://www.google.com/search?q=tokyo+night&newwindow=1&sxsrf=ACYBGNRiOGCstG_Xohb8CgG5UGwBRpMIQg:1571032079139&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiayIfIhpvlAhUGmuAKHbfRDaIQ_AUIEigB&biw=1280&bih=666&dpr=2) +

**Note:** Many UI elements are intentionally low contrast so as not to distract. I can provide [customization settings](https://code.visualstudio.com/api/references/theme-color) similar to what is shown further down this page to anyone who needs specific text brightened.

**Semantic Highlighting:** If you prefer all variables inside functions to be the same color, disable semantic highlighting in settings. Otherwise, parameters used will be dimmer in color. [Submit an issue](https://github.com/enkia/tokyo-night-vscode-theme/issues/new) if you notice anything 'off' with semantic highlighting as I've just recently provided support for it. ## Screenshots @@ -68,52 +68,52 @@ macOS dark-mode doesn't play well with these two theme mods so I've chosen to da #### Tokyo Night and Tokyo Night Storm | Color                | Use | | ---------- | ------------------------------------------------------------ | -| ![#f7768e](https://via.placeholder.com/15/f7768e/f7768e?text=+) `#f7768e` | This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red | -| ![#ff9e64](https://via.placeholder.com/15/ff9e64/ff9e64?text=+) `#ff9e64` | Number and Boolean constants, Language support constants | -| ![#e0af68](https://via.placeholder.com/15/e0af68/e0af68?text=+) `#e0af68` | Function parameters, Regex character sets, Terminal Yellow | -| ![#9ece6a](https://via.placeholder.com/15/9ece6a/9ece6a?text=+) `#9ece6a` | Strings, CSS class names | -| ![#73daca](https://via.placeholder.com/15/73daca/73daca?text=+) `#73daca` | Object literal keys, Markdown links, Terminal Green | -| ![#b4f9f8](https://via.placeholder.com/15/b4f9f8/b4f9f8?text=+) `#b4f9f8` | Regex literal strings | -| ![#2ac3de](https://via.placeholder.com/15/2ac3de/2ac3de?text=+) `#2ac3de` | Language support functions, CSS HTML elements | -| ![#7dcfff](https://via.placeholder.com/15/7dcfff/7dcfff?text=+) `#7dcfff` | Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords | -| ![#7aa2f7](https://via.placeholder.com/15/7aa2f7/7aa2f7?text=+) `#7aa2f7` | Function names, CSS property names, Terminal Blue | -| ![#bb9af7](https://via.placeholder.com/15/bb9af7/bb9af7?text=+) `#bb9af7` | Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta | -| ![#c0caf5](https://via.placeholder.com/15/c0caf5/c0caf5?text=+) `#c0caf5` | Variables, Class names, Terminal White | -| ![#a9b1d6](https://via.placeholder.com/15/a9b1d6/a9b1d6?text=+) `#a9b1d6` | Editor Foreground | -| ![#9aa5ce](https://via.placeholder.com/15/9aa5ce/9aa5ce?text=+) `#9aa5ce` | Markdown Text, HTML Text | -| ![#cfc9c2](https://via.placeholder.com/15/cfc9c2/cfc9c2?text=+) `#cfc9c2` | Parameters inside functions (semantic highlighting only) | -| ![#565f89](https://via.placeholder.com/15/565f89/565f89?text=+) `#565f89` | Comments | -| ![#414868](https://via.placeholder.com/15/414868/414868?text=+) `#414868` | Terminal Black | -| ![#24283b](https://via.placeholder.com/15/24283b/24283b?text=+) `#24283b` | Editor Background (Storm) | -| ![#1a1b26](https://via.placeholder.com/15/1a1b26/1a1b26?text=+) `#1a1b26` | Editor Background (Night) | +| ![#f7768e](https://place-hold.it/15/f7768e/f7768e?text=+) `#f7768e` | This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red | +| ![#ff9e64](https://place-hold.it/15/ff9e64/ff9e64?text=+) `#ff9e64` | Number and Boolean constants, Language support constants | +| ![#e0af68](https://place-hold.it/15/e0af68/e0af68?text=+) `#e0af68` | Function parameters, Regex character sets, Terminal Yellow | +| ![#9ece6a](https://place-hold.it/15/9ece6a/9ece6a?text=+) `#9ece6a` | Strings, CSS class names | +| ![#73daca](https://place-hold.it/15/73daca/73daca?text=+) `#73daca` | Object literal keys, Markdown links, Terminal Green | +| ![#b4f9f8](https://place-hold.it/15/b4f9f8/b4f9f8?text=+) `#b4f9f8` | Regex literal strings | +| ![#2ac3de](https://place-hold.it/15/2ac3de/2ac3de?text=+) `#2ac3de` | Language support functions, CSS HTML elements | +| ![#7dcfff](https://place-hold.it/15/7dcfff/7dcfff?text=+) `#7dcfff` | Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords | +| ![#7aa2f7](https://place-hold.it/15/7aa2f7/7aa2f7?text=+) `#7aa2f7` | Function names, CSS property names, Terminal Blue | +| ![#bb9af7](https://place-hold.it/15/bb9af7/bb9af7?text=+) `#bb9af7` | Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta | +| ![#c0caf5](https://place-hold.it/15/c0caf5/c0caf5?text=+) `#c0caf5` | Variables, Class names, Terminal White | +| ![#a9b1d6](https://place-hold.it/15/a9b1d6/a9b1d6?text=+) `#a9b1d6` | Editor Foreground | +| ![#9aa5ce](https://place-hold.it/15/9aa5ce/9aa5ce?text=+) `#9aa5ce` | Markdown Text, HTML Text | +| ![#cfc9c2](https://place-hold.it/15/cfc9c2/cfc9c2?text=+) `#cfc9c2` | Parameters inside functions (semantic highlighting only) | +| ![#565f89](https://place-hold.it/15/565f89/565f89?text=+) `#565f89` | Comments | +| ![#414868](https://place-hold.it/15/414868/414868?text=+) `#414868` | Terminal Black | +| ![#24283b](https://place-hold.it/15/24283b/24283b?text=+) `#24283b` | Editor Background (Storm) | +| ![#1a1b26](https://place-hold.it/15/1a1b26/1a1b26?text=+) `#1a1b26` | Editor Background (Night) | #### Tokyo Night Light | Color                | Use | | ---------- | ------------------------------------------------------------ | -| ![#8c4351](https://via.placeholder.com/15/8c4351/8c4351?text=+) `#8c4351` | This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red | -| ![#965027](https://via.placeholder.com/15/965027/965027?text=+) `#965027` | Number and Boolean constants, Language support constants | -| ![#8f5e15](https://via.placeholder.com/15/8f5e15/8f5e15?text=+) `#8f5e15` | Function parameters, Regex character sets, Terminal Yellow | -| ![#485e30](https://via.placeholder.com/15/485e30/485e30?text=+) `#485e30` | Strings, CSS class names | -| ![#33635c](https://via.placeholder.com/15/33635c/33635c?text=+) `#33635c` | Object literal keys, Markdown links, Regex literal strings, Terminal Green | -| ![#166775](https://via.placeholder.com/15/166775/166775?text=+) `#166775` | Language support functions, CSS HTML elements | -| ![#0f4b6e](https://via.placeholder.com/15/0f4b6e/0f4b6e?text=+) `#0f4b6e` | Object properties, Regex quantifiers and flags, Terminal Cyan, Markdown code, Import/export keywords | -| ![#34548a](https://via.placeholder.com/15/34548a/34548a?text=+) `#34548a` | Function names, CSS property names, Markdown Headings, Terminal Blue | -| ![#5a4a78](https://via.placeholder.com/15/5a4a78/5a4a78?text=+) `#5a4a78` | Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta | -| ![#343b58](https://via.placeholder.com/15/343b58/343b58?text=+) `#343b58` | Editor Foreground, Variables, Class names, Terminal White | -| ![#565a6e](https://via.placeholder.com/15/565a6e/565a6e?text=+) `#565a6e` | Markdown Text, HTML Text | -| ![#634f30](https://via.placeholder.com/15/634f30/634f30?text=+) `#634f30` | Parameters inside functions (semantic highlighting only) | -| ![#0f0f14](https://via.placeholder.com/15/0f0f14/f0f14?text=+) `#0f0f14` | Terminal Black | -| ![#9699a3](https://via.placeholder.com/15/9699a3/9699a3?text=+) `#9699a3` | Comments | -| ![#d5d6db](https://via.placeholder.com/15/d5d6db/5d6db?text=+) `#d5d6db` | Editor Background | +| ![#8c4351](https://place-hold.it/15/8c4351/8c4351?text=+) `#8c4351` | This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red | +| ![#965027](https://place-hold.it/15/965027/965027?text=+) `#965027` | Number and Boolean constants, Language support constants | +| ![#8f5e15](https://place-hold.it/15/8f5e15/8f5e15?text=+) `#8f5e15` | Function parameters, Regex character sets, Terminal Yellow | +| ![#485e30](https://place-hold.it/15/485e30/485e30?text=+) `#485e30` | Strings, CSS class names | +| ![#33635c](https://place-hold.it/15/33635c/33635c?text=+) `#33635c` | Object literal keys, Markdown links, Regex literal strings, Terminal Green | +| ![#166775](https://place-hold.it/15/166775/166775?text=+) `#166775` | Language support functions, CSS HTML elements | +| ![#0f4b6e](https://place-hold.it/15/0f4b6e/0f4b6e?text=+) `#0f4b6e` | Object properties, Regex quantifiers and flags, Terminal Cyan, Markdown code, Import/export keywords | +| ![#34548a](https://place-hold.it/15/34548a/34548a?text=+) `#34548a` | Function names, CSS property names, Markdown Headings, Terminal Blue | +| ![#5a4a78](https://place-hold.it/15/5a4a78/5a4a78?text=+) `#5a4a78` | Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta | +| ![#343b58](https://place-hold.it/15/343b58/343b58?text=+) `#343b58` | Editor Foreground, Variables, Class names, Terminal White | +| ![#565a6e](https://place-hold.it/15/565a6e/565a6e?text=+) `#565a6e` | Markdown Text, HTML Text | +| ![#634f30](https://place-hold.it/15/634f30/634f30?text=+) `#634f30` | Parameters inside functions (semantic highlighting only) | +| ![#0f0f14](https://place-hold.it/15/0f0f14/f0f14?text=+) `#0f0f14` | Terminal Black | +| ![#9699a3](https://place-hold.it/15/9699a3/9699a3?text=+) `#9699a3` | Comments | +| ![#d5d6db](https://place-hold.it/15/d5d6db/5d6db?text=+) `#d5d6db` | Editor Background | ## Other portings -**iTerm** +**iTerm** `tokyo-night.itermcolors` is supplied in this theme's ~/.vscode/extensions folder or via [github.](https://github.com/enkia/tokyo-night-vscode-theme/blob/master/tokyo-night.itermcolors) -**Sublime Text** +**Sublime Text** *Tokyo Night* is a color scheme option in my [Enki Theme.](https://packagecontrol.io/packages/Enki%20Theme) -**Alfred** +**Alfred** Install the [Tokyo Night Alfred Theme.](https://www.alfredapp.com/extras/theme/puSaeqbft2/) @@ -121,29 +121,29 @@ Install the [Tokyo Night Alfred Theme.](https://www.alfredapp.com/extras/theme/p [DuckduckGo theme preferences](https://duckduckgo.com/?kae=d&ks=m&kak=-1&kax=-1&kaq=-1&kap=-1&kao=-1&kau=-1&k5=1&k7=1a1b26&kj=16161e&kx=1abc9c&k21=16161E&k18=-1&ka=e&kaa=BB9AF7&k9=C0CAF5&k8=6183BB&kt=e) (by [Grafikart](https://github.com/Grafikart)) -**JetBrains IDE** +**JetBrains IDE** [Tokyo Night Color Scheme](https://plugins.jetbrains.com/plugin/15662-tokyo-night-color-scheme) works best with material theme plugin and [this theme](https://github.com/Grafikart/tokyo-night-jetbrains-theme/blob/main/tokyonight.xml) (by [Grafikart](https://github.com/Grafikart)) -**Kitty Terminal** +**Kitty Terminal** [Tokyo Night](https://github.com/davidmathers/tokyo-night-kitty-theme) color scheme for [kitty](https://sw.kovidgoyal.net/kitty/) (by [davidmathers](https://github.com/davidmathers)) -**VIM/Neovim** +**VIM/Neovim** - [tokyonight.vim](https://github.com/ghifarit53/tokyonight-vim), a [VIM](https://www.vim.org/)/[Neovim](https://neovim.io/) color scheme. This theme also has support for [lightline](https://github.com/itchyny/lightline.vim) as well as [airline](https://github.com/vim-airline/vim-airline) (by [ghifarit53](https://github.com/ghifarit53/)) - [tokyonight.nvim](https://github.com/folke/tokyonight.nvim), a [Neovim](https://neovim.io/) color scheme. This theme also has support for many Vim plugins and [other programs](https://github.com/folke/tokyonight.nvim/tree/main/extras) such as Alacritty, Fish and Kitty. (by [folke](https://github.com/folke)) -**Alacritty Terminal** +**Alacritty Terminal** [Tokyo Night Alacritty Theme](https://github.com/zatchheems/tokyo-night-alacritty-theme), a color scheme for [Alacritty Terminal Emulator](https://github.com/alacritty/alacritty) (by [mhyfritz](https://github.com/mhyfritz)) -**Hyper terminal** +**Hyper terminal** [hyper-tokyo-night](https://github.com/mhyfritz/hyper-tokyo-night), a theme for [Hyper](https://hyper.is/) (by [fitrh](https://github.com/fitrh)) -**Windows Terminal** +**Windows Terminal** [tokyonight-windows-terminal](https://github.com/g-e-o-m-e-t-r-i-c/tokyonight-windows-terminal), a theme for [Windows Terminal](https://github.com/microsoft/terminal) (by [g-e-o-m-e-t-r-i-c](https://github.com/g-e-o-m-e-t-r-i-c)) -**Insomnia** +**Insomnia** [Tokyo Night](https://github.com/arturoeh/tokyo-night-insomnia) theme for [Insomnia](https://insomnia.rest/) (by [arturoeh](https://github.com/arturoeh))