tokyo-night/vscode
0
0
Fork 0
mirror of https://github.com/enkia/tokyo-night-vscode-theme.git synced 2024-12-19 20:54:42 -05:00
Code Activity

Initialize launch

Browse source
This commit is contained in:
Kristi 2019-10-22 11:45:55 -04:00
commit 90c8adce55
11 changed files with 3175 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
.gitignore vendored Normal file
View file

@ -0,0 +1,11 @@
.DS_Store
node_modules/
desktop.ini
.DS_Store?
.com.apple.timemachine.supported
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db
.vscode

5
CHANGELOG.md Normal file
View file

@ -0,0 +1,5 @@
# Release Notes
## 0.1.0
`2019-10-22`
- Initial release

58
README.md Normal file
View file

@ -0,0 +1,58 @@
# [Tokyo Night](https://marketplace.visualstudio.com/items?itemName=enkia.enki-vscode-theme)
A clean, dark 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 below to anyone who needs specific text brightened.
## Screenshots
Tokyo Night
![Screenshot - Tokyo Night](https://github.com/enkia/tokyo-night-vscode-theme/blob/master/static/ss_tokyo_night.png)
Tokyo Night Storm
![Screenshot - Tokyo Night Storm](https://github.com/enkia/tokyo-night-vscode-theme/blob/master/static/ss_tokyo_night_storm.png)
## Disabling Italics
Paste this into your [settings.json](https://code.visualstudio.com/docs/getstarted/settings#_settings-file-locations) to disable italics.
```javascript
"editor.tokenColorCustomizations": {
"[Tokyo Night]": { // or "[Tokyo Night Storm]"
"textMateRules": [{
"scope": [
"comment",
"meta.var.expr storage.type",
"keyword.control.flow",
"meta.directive.vue punctuation.separator.key-value.html",
"meta.directive.vue entity.other.attribute-name.html",
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js",
"storage.modifier"
],
"settings": {
"fontStyle": ""
}
}]
}
}
```
## Brightening Codelens text
I prefer my Codelens text fade into the background unless hovered over, but if you'd like a higher contrast, add this to your settings.json:
```javascript
"workbench.colorCustomizations": {
"[Tokyo Night]": { // or "[Tokyo Night Storm]"
"editorCodeLens.foreground": "#7982a9", // Preferred hex color
}
}
```
## iTerm Theme
`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)
**Enjoy!**
Tokyo Tower icon used in theme icon made by Smashicons from www.flaticon.com

BIN
icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

1
icon.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

53
package.json Normal file
View file

@ -0,0 +1,53 @@
{
"name": "tokyo-night",
"displayName": "Tokyo Night",
"description": "A clean, dark Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night.",
"version": "0.0.0",
"publisher": "enkia",
"license": "MIT",
"keywords": [
"theme",
"contrast",
"dark",
"tokyo",
"clean"
],
"icon": "icon.png",
"homepage": "https://github.com/enkia/tokyo-night-vscode-theme",
"repository": {
"url": "https://github.com/enkia/tokyo-night-vscode-theme",
"type": "git"
},
"bugs": {
"url": "https://github.com/enkia/tokyo-night-vscode-theme/issues"
},
"galleryBanner": {
"color": "#1f2335",
"theme": "dark"
},
"engines": {
"vscode": "^1.17.0"
},
"categories": [
"Themes",
"Other"
],
"contributes": {
"themes": [
{
"label": "Tokyo Night",
"uiTheme": "vs-dark",
"path": "./themes/tokyo-night-color-theme.json"
},
{
"label": "Tokyo Night Storm",
"uiTheme": "vs-dark",
"path": "./themes/tokyo-night-storm-color-theme.json"
}
]
},
"scripts": {
"package": "vsce package",
"publish": "vsce publish"
}
}

BIN
static/ss_tokyo_night.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 141 KiB

BIN
static/ss_tokyo_night_storm.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 136 KiB

1345
themes/tokyo-night-color-theme.json Normal file
View file

File diff suppressed because it is too large Load diff

1345
themes/tokyo-night-storm-color-theme.json Normal file
View file

File diff suppressed because it is too large Load diff

357
tokyo-night.itermcolors Normal file
View file

@ -0,0 +1,357 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>Ansi 0 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.13725490868091583</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.074509806931018829</real>
<key>Red Component</key>
<real>0.054901961237192154</real>
</dict>
<key>Ansi 1 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.55686277151107788</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.46274510025978088</real>
<key>Red Component</key>
<real>0.9686274528503418</real>
</dict>
<key>Ansi 10 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.61072450876235962</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.70980393886566162</real>
<key>Red Component</key>
<real>0.25490197539329529</real>
</dict>
<key>Ansi 11 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.40784314274787903</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.68627452850341797</real>
<key>Red Component</key>
<real>0.87843137979507446</real>
</dict>
<key>Ansi 12 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.9529411792755127</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.63529413938522339</real>
<key>Red Component</key>
<real>0.48235294222831726</real>
</dict>
<key>Ansi 13 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.9686274528503418</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.60392159223556519</real>
<key>Red Component</key>
<real>0.73333334922790527</real>
</dict>
<key>Ansi 14 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.8741455078125</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.77008056640625</real>
<key>Red Component</key>
<real>0.16650390625</real>
</dict>
<key>Ansi 15 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.96078431606292725</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.7921568751335144</real>
<key>Red Component</key>
<real>0.75294119119644165</real>
</dict>
<key>Ansi 2 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.56349623203277588</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.70980393886566162</real>
<key>Red Component</key>
<real>0.25490197539329529</real>
</dict>
<key>Ansi 3 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.40784314274787903</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.68627452850341797</real>
<key>Red Component</key>
<real>0.87843137979507446</real>
</dict>
<key>Ansi 4 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.9529411792755127</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.63529413938522339</real>
<key>Red Component</key>
<real>0.48235294222831726</real>
</dict>
<key>Ansi 5 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.9686274528503418</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.60392159223556519</real>
<key>Red Component</key>
<real>0.73333334922790527</real>
</dict>
<key>Ansi 6 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.91485595703125</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.80594456195831299</real>
<key>Red Component</key>
<real>0.1742582768201828</real>
</dict>
<key>Ansi 7 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.96078431606292725</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.7921568751335144</real>
<key>Red Component</key>
<real>0.75294119119644165</real>
</dict>
<key>Ansi 8 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.13725490868091583</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.074509806931018829</real>
<key>Red Component</key>
<real>0.054901961237192154</real>
</dict>
<key>Ansi 9 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.55686277151107788</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.46274510025978088</real>
<key>Red Component</key>
<real>0.9686274528503418</real>
</dict>
<key>Background Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.1906890869140625</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.12359477579593658</real>
<key>Red Component</key>
<real>0.1059383824467659</real>
</dict>
<key>Badge Color</key>
<dict>
<key>Alpha Component</key>
<real>0.5</real>
<key>Blue Component</key>
<real>0.65098041296005249</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.34509804844856262</real>
<key>Red Component</key>
<real>0.20784313976764679</real>
</dict>
<key>Bold Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.39215686917304993</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.61960786581039429</real>
<key>Red Component</key>
<real>1</real>
</dict>
<key>Cursor Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.96078431606292725</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.7921568751335144</real>
<key>Red Component</key>
<real>0.75294119119644165</real>
</dict>
<key>Cursor Guide Color</key>
<dict>
<key>Alpha Component</key>
<real>0.0782470703125</real>
<key>Blue Component</key>
<real>0.99999994039535522</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.70213180780410767</real>
<key>Red Component</key>
<real>0.58885198831558228</real>
</dict>
<key>Cursor Text Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.82352942228317261</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.72549021244049072</real>
<key>Red Component</key>
<real>0.15686275064945221</real>
</dict>
<key>Foreground Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.87843137979507446</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.7607843279838562</real>
<key>Red Component</key>
<real>0.73333334922790527</real>
</dict>
<key>Link Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.92212098836898804</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.84421330690383911</real>
<key>Red Component</key>
<real>0.41885295510292053</real>
</dict>
<key>Selected Text Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.8244897723197937</real>
<key>Red Component</key>
<real>0.78367346525192261</real>
</dict>
<key>Selection Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.3333333432674408</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.22352941334247589</real>
<key>Red Component</key>
<real>0.19607843458652496</real>
</dict>
<key>Tab Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.21176470816135406</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.13725490868091583</real>
<key>Red Component</key>
<real>0.11764705926179886</real>
</dict>
</dict>
</plist>