Customise markdown preview enhanced plugin in vscode

0 minute read

Step 1:

Download vscode markdown preview enhanced plugin in vscode

Step 2:

On Ubuntu, use shortcut Ctrl + Shift + p to enable vscode command.

Step 3:

Type to search “Markdown Preview Enhanced: Customize CSS” command

Step 4:

Then it will open a css file called style.less. Next, just copy the css setting below into that file. That’s it and save the file!

/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
.markdown-preview.markdown-preview {
  // modify your style here
  background-color: rgb(48, 49, 49);
  font-size: 19px;
  p>code, li>code {
    background: rgb(58, 59, 59);
    color: white;
    border-radius: 3px;
    border: 1px;
  }
}