Atom's iconic One Dark theme, and one of the most downloaded themes for VS Code!
Discuss, review, and share code with your team in VS Code. Links discussions about code to your code. Integrates w/ Slack, Jira, Trello, and Live Share. Try it free.
This document (https://binaryify.github.io/OneDark-Pro/) includes instructions on how to install and edit the theme.
To help with documentation, first fork and clone this repository.
cd
to the OneDark-Pro
folder
Run npm install
Then run
npm run docs
to serve the documentation
locally at localhost:3000
.
https://medium.com/@sanik.bajracharya/vscode-how-to-create-your-own-extension-pack-483385644c29 https://code.visualstudio.com/api/references/theme-color
-
npm install -g yo generator-code
-
vsce package
-
Select Extensions (Ctrl + Shift + X)
-
Open Install theme, “More Action” menu(ellipsis on the top) and click “Install from VSIX…”
-
Locate VSIX file and select
-
Reload VSCode
If you want to play around with new colors, use the setting
workbench.colorCustomizations
to customize the currently selected theme. For
example, you can add this snippet in your "settings.json" file:
"workbench.colorCustomizations":{
"tab.activeBackground": "#282c34",
"activityBar.background": "#282c34",
"sideBar.background": "#282c34"
}
or use the setting editor.tokenColorCustomizations
"editor.tokenColorCustomizations":{
"[One Dark Pro Pook]": {
"textMateRules": [
{
"scope":["source.python"],
"settings": {
"foreground": "#e06c75"
}
}
]
}
}
Please check the official documentation, Theme Color Reference and Theme Color, for more helpful information.
This project exists thanks to all the people who contribute.
Support this project by becoming a sponsor. Your logo will show up here with a link to your website.