diff --git a/docs/.vuepress/public/presets/img/tokyo-night.png b/docs/.vuepress/public/presets/img/tokyo-night.png
new file mode 100644
index 00000000..b443da16
Binary files /dev/null and b/docs/.vuepress/public/presets/img/tokyo-night.png differ
diff --git a/docs/.vuepress/public/presets/toml/tokyo-night.toml b/docs/.vuepress/public/presets/toml/tokyo-night.toml
new file mode 100644
index 00000000..8b77bf47
--- /dev/null
+++ b/docs/.vuepress/public/presets/toml/tokyo-night.toml
@@ -0,0 +1,64 @@
+format = """
+[░▒▓](#a3aed2)\
+[  ](bg:#a3aed2 fg:#090c0c)\
+[](bg:#769ff0 fg:#a3aed2)\
+$directory\
+[](fg:#769ff0 bg:#394260)\
+$git_branch\
+$git_status\
+[](fg:#394260 bg:#212736)\
+$nodejs\
+$rust\
+$golang\
+$php\
+[](fg:#212736 bg:#1d2230)\
+$time\
+[ ](fg:#1d2230)\
+\n$character"""
+
+[directory]
+style = "fg:#e3e5e5 bg:#769ff0"
+format = "[ $path ]($style)"
+truncation_length = 3
+truncation_symbol = "…/"
+
+[directory.substitutions]
+"Documents" = " "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[git_branch]
+symbol = ""
+style = "bg:#394260"
+format = '[[ $symbol $branch ](fg:#769ff0 bg:#394260)]($style)'
+
+[git_status]
+style = "bg:#394260"
+format = '[[($all_status$ahead_behind )](fg:#769ff0 bg:#394260)]($style)'
+
+[nodejs]
+symbol = ""
+style = "bg:#212736"
+format = '[[ $symbol ($version) ](fg:#769ff0 bg:#212736)]($style)'
+
+[rust]
+symbol = ""
+style = "bg:#212736"
+format = '[[ $symbol ($version) ](fg:#769ff0 bg:#212736)]($style)'
+
+[golang]
+symbol = "ﳑ"
+style = "bg:#212736"
+format = '[[ $symbol ($version) ](fg:#769ff0 bg:#212736)]($style)'
+
+[php]
+symbol = ""
+style = "bg:#212736"
+format = '[[ $symbol ($version) ](fg:#769ff0 bg:#212736)]($style)'
+
+[time]
+disabled = false
+time_format = "%R" # Hour:Minute Format
+style = "bg:#1d2230"
+format = '[[  $time ](fg:#a0a9cb bg:#1d2230)]($style)'
diff --git a/docs/presets/README.md b/docs/presets/README.md
index da1ae9c9..52250768 100644
--- a/docs/presets/README.md
+++ b/docs/presets/README.md
@@ -60,3 +60,9 @@ This preset is inspired by [M365Princess](https://github.com/JanDeDobbeleer/oh-m
 It also shows how path substitution works in starship.
 
 [![Screenshot of Pastel Powerline preset](/presets/img/pastel-powerline.png "Click to view Pure Prompt preset")](./pastel-powerline)
+
+## [Tokyo Night](./tokyo-night.md)
+
+This preset is inspired by [tokyo-night-vscode-theme](https://github.com/enkia/tokyo-night-vscode-theme).
+
+[![Screenshot of Tokyo Night preset](/presets/img/tokyo-night.png "Click to view Tokyo Night preset")](./tokyo-night)
diff --git a/docs/presets/tokyo-night.md b/docs/presets/tokyo-night.md
new file mode 100644
index 00000000..33f51749
--- /dev/null
+++ b/docs/presets/tokyo-night.md
@@ -0,0 +1,21 @@
+[Return to Presets](./README.md#pastel-powerline)
+
+# Tokyo Night Preset
+
+This preset is inspired by [tokyo-night-vscode-theme](https://github.com/enkia/tokyo-night-vscode-theme).
+
+![Screenshot of Tokyo Night preset](/presets/img/tokyo-night.png)
+
+### Prerequisites
+
+- A [Nerd Font](https://www.nerdfonts.com/) installed and enabled in your terminal
+
+### Configuration
+
+```sh
+starship preset tokyo-night > ~/.config/starship.toml
+```
+
+[Click to download TOML](/presets/toml/tokyo-night.toml)
+
+<<< @/.vuepress/public/presets/toml/tokyo-night.toml