Skip to content

Custom Markdown Preview Styles#

Visual Studio Code allows you to use your own CSS in the Markdown preview tab.

Instructions#

Custom CSS for the Markdown preview can be implemented by using the "markdown.styles": [] setting in settings.json. The stylesheets can either be https URLs or relative paths to local files in the current workspace.

For example, to load a stylesheet called Style.css, we can update settings.json with the following line:

{
  "markdown.styles": ["Style.css"]
}