Styles for VS Code markdown preview enhanced extension.

markdown-preview.less

/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */

@font-face {
  font-family: 'Fira Code', monospace;
  font-family: 'Fira Sans', sans-serif;
  font-family: 'Inter', sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
}

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200");

.markdown-preview.markdown-preview {
  font-family: "Fira Sans" sans-serif;
  font-size: 18px;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
  }

  pre,
  code {
    font-family: 'Fira Code', monospace;
    font-weight: 600;

  }

  @supports (font-variation-settings: normal) {
    code {
      font-family: 'Fira Code VF', monospace;
    }
  }

  .material-symbols-rounded {
    font-variation-settings:
      'FILL' 1,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48
  }


  .slides {
    // This will modify all slides.
  }

  .slides>section:nth-child(1) {
    // This will modify `the first slide`.
    background-color: blue;
  }
}