markdown-preview-enhanced

style.less

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

@font-face {
  font-family: "ricty";
  src: local("RictyDiminishedDiscord-Regular");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "ricty";
  src: local("RictyDiminishedDiscord-Bold");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "ricty";
  src: local("RictyDiminishedDiscord-Oblique");
  font-style: oblique;
  font-weight: normal;
}

@font-face {
  font-family: "ricty";
  src: local("RictyDiminishedDiscord-BoldOblique");
  font-style: oblique;
  font-weight: bold;
}

@font-face {
  font-family: "hackgen";
  src: local("HackGenConsole-Regular");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "hackgen";
  src: local("HackGenConsole-Bold");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "hackgen";
  src: local("HackGenConsole-Regular");
  font-style: oblique;
  font-weight: normal;
}

@font-face {
  font-family: "hackgen";
  src: local("HackGenConsole-Bold");
  font-style: oblique;
  font-weight: bold;
}

.markdown-preview.markdown-preview {
  font-family: "hackgen";
  color: whitesmoke;
  background-color: rgb(30, 30, 30);

  h1 {
    padding: 1rem 2rem;
    border: 6px double #000;
    background: #7f7f7f;
    color: whitesmoke;
  }

  h2 {
    padding: 0.5rem 1.5rem;
    border: 6px double whitesmoke;
    background: #dbdbdb;
  }

  h3 {
    padding: 0.2rem 1rem;
    border-left: 6px double gray;
    background-color: darkgray;
  }

  h4 {
    padding: 0.1rem 0.5rem;
    color: whitesmoke;
    border-left: 3px solid gray;
    border-bottom: solid 3px gray;
  }

  h5,
  h6 {
    color: whitesmoke;
    border-bottom: double 3px darkgray;
  }

  pre,
  code {
    color: rgb(224, 127, 0);
    background-color: black;
  }

  blockquote {
    color: darkgray;
    background-color: black;
  }

  strong {
    color: whitesmoke;
  }

  th {
    background-color: whitesmoke;
  }
}