One Dark Pro Pook

Atom's iconic One Dark theme, and one of the most downloaded themes for VS Code!

GitHub repository

CHANGELOG

CHANGELOG.MD

Docs & Contribute

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.

Install locally

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

ScreenShot

Tweaks & theming

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"
          }
        }
      ]
    }
}

more info

Please check the official documentation, Theme Color Reference and Theme Color, for more helpful information.