/OneDark-Pro-Pook

Atom's iconic One Dark theme for Visual Studio Code

Primary LanguageJavaScriptMIT LicenseMIT

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

GitHub repository

screenshot

CHANGELOG

CHANGELOG.MD

Sponsors

codestream

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.

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

Screenshot

Screenshot

ScreenShot

ScreenShot

ScreenShot

ScreenShot

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.

setting.json

custom

More info

Contributors

This project exists thanks to all the people who contribute. Contributors

Backers

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website.