Skip to content

jrib/jrib-vscode-md-style

Repository files navigation

jrib-vscode-md-style

This repository provides the source code for a VS Code extension that styles the markdown preview in VS Code.

Why?

It is not possible to configure a global markdown style outside of workspaces. Instead the recommended workaround is to create a custom extension.

Screenshots

Default

Default

Themed

Themed

Building

npm install -g vsce
npm run package

Installing

Download the VISX from the Releases page.

Then Install from VSIX using the triple dot menu in VS Code's extension panel.

Customizing

To make your own extension:

  1. Clone this repository.
  2. Edit markdown.css.
  3. Update repository information and name in package.json if you care.
  4. Run npm run package to produce a .vsix file.
  5. Install from VSIX using the triple dot menu in VS Code's extension panel.

Notes

The default markdown style is found at src/vs/workbench/contrib/markdown/browser/markdownDocumentRenderer.ts.

It's also useful to use "Toggle Developer Tools" in the "Help" menu and inspect the preview to find css classes to style.

Yes, it would be nice to not have to rebuild the extension to modify the theme...

About

style the markdown preview in VS Code

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages