This repository provides the source code for a VS Code extension that styles the markdown preview in VS Code.
It is not possible to configure a global markdown style outside of workspaces. Instead the recommended workaround is to create a custom extension.
npm install -g vsce
npm run package
Download the VISX from the Releases page.
Then Install from VSIX using the triple dot menu in VS Code's extension panel.
To make your own extension:
- Clone this repository.
- Edit
markdown.css
. - Update repository information and name in
package.json
if you care. - Run
npm run package
to produce a.vsix
file. - Install from VSIX using the triple dot menu in VS Code's extension panel.
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...