One Dark Pro

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

GitHub repository

screenshot

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 yarn

Then run npm run docs to serve the documentation locally at localhost:3000.

SCREENSHOT

ScreenShot

Screenshot

ScreenShot

Custom markdown preview style

If you want to make your markdown preview become atom's style, you could add this snippet in your "setting.json" file:

"markdown.styles": [
    "https://cdn.jsdelivr.net/gh/Binaryify/OneDark-Pro/styles/base.css",
    "https://cdn.jsdelivr.net/gh/Binaryify/OneDark-Pro/styles/markdown.css",
    "https://cdn.jsdelivr.net/gh/Binaryify/OneDark-Pro/styles/atom-one-dark.css"
]

Markdown

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]": {
    "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