Tokyo-Night

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #go #machine-learning #deep-learning #linux #nodejs #java #windows #cli #awesome-list #pytorch #mcp

(★ 98)

A clean, dark Discord theme that celebrates the lights of Downtown Tokyo at night.

File Explorer

Download Latest Version (.zip)

- - compact-mode.css
  - mac-titlebar.css
  - monospace-fonts.css
  - revert-rebrand.css
  - square-avatar.css
  - syntax-highlight.css
  - username-background.css
  - vscode-user-area.css
- - emoji-dark.png
  - emoji-light.png
  - preview.png
- main.css
- tokyo-night.theme.css
- tokyo-night.user.css
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# IMPORTANT! THIS THEME IS NOT ACTIVELY MAINTAINED ANYMORE BECAUSE IM NOT INTERESTED ON DISCORD THEMING ANYMORE, FORK AND PRs ARE STILL APPRECIATED AND WELCOMED!
<h1 align="center">Tokyo Night</h1>

![](https://github.com/Dyzean/Tokyo-Night/blob/main/src/assets/preview.png?raw=true)

<p align="center">A clean, dark, Discord port of the V.S. Code <a href="https://github.com/enkia/tokyo-night-vscode-theme">Tokyo Night</a> theme.</p>

---

## Installation

### [BetterDiscord](https://betterdiscord.app)

1. Download the theme file [here](https://betterdiscord.app/Download?id=439)
2. Place it in the BetterDiscord themes folder
3. Go to user settings (CTRL + ,)
4. Go to the "BetterDiscord" category and select the "Themes" tab.
5. Enable Tokyo Night in the themes tab

### [Vencord](https://vencord.dev)

##### Online Theme Method

1. Go to user settings (CTRL + ,)
2. Go to the "Vencord" category and select the "Themes" tab, then go to the "Online Themes" section.
3. In the input field under "THEMES" paste the following URL.
```
https://raw.githubusercontent.com/Dyzean/Tokyo-Night/main/themes/tokyo-night.theme.css
```

##### Local Theme Method

1. Go [here](https://github.com/Dyzean/Tokyo-Night/blob/main/themes/tokyo-night.theme.css) and download the theme file.
2. Place it in the Vencord themes folder
3. Go to user settings (CTRL + ,)
4. Go to the "Vencord" category and select the "Themes" tab, then go to the "Local Themes" section.
5. Enable Tokyo Night in the themes tab

### Stylus | Extension: [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)/[Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us)

> [!Note]
> To be able to customize this theme, please fork using [this link](https://github.com/Dyzean/Tokyo-Night/fork) and follow the instructions in `tokyo-night.user.css` starting at line 12.

1. Open [this link](https://github.com/Dyzean/Tokyo-Night/blob/main/themes/tokyo-night.user.css) in a new browser tab.
2. Press the `Install Style` button.

## Credits

- [LuckFire](https://github.com/LuckFire) for [Better Quotes](https://github.com/LuckFire/CSS-Snippets/tree/master/BetterQuotes)
- [NYRI4](https://github.com/NYRI4) for [Discolored](https://github.com/NYRI4/Discolored)
- [GooseNest](https://github.com/Goose-Nest) for [Revert Rebrand](https://github.com/Goose-Nest/GT-RevertRebrand)
- Also Huge thanks for BD & Powercord servers for snippets and help!

Tokyo-Night

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Tokyo-Night

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README