Custom style typescriptlang.org

_preview.png

stylus_config.png

typescriptlang_org.css

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');

::selection {
  background-color: #d0dee4;
}

body {
  font-family: 'Roboto', sans-serif;
}

pre, code, .docs-container pre code {
  font-family: 'Consolas';
}

.navbar-default {
  box-shadow: none;
  background-color: hsl(214, 11%, 40%);
}

#doc-content > .container .doc-content-container {
  max-width: 800px;
}

.docs-container .post-content {
  color: hsl(215, 51%, 17%); /*hsl(220, 10%, 54%);*/
}

.docs-container .post-content h1 {
  font-size: 4rem;
  margin-top: 2em;
  margin-bottom: 1em;
}

h1 code, h2 code, h3 code {
  color: inherit;
}

.docs-container p code, .docs-container li code, .docs-container td code {
  font-size: 90%;
}

.docs-container .post-content h2, .docs-container .post-content h3, .docs-container .post-content h4, .docs-container .post-content h5, .docs-container .post-content h6 {
  font-size: 3rem;
  margin-top: 2em;
  margin-bottom: 1em;
}


.docs-container p {
  margin-top: 2em;
  margin-bottom: 2em;
}

.docs-container pre {
  border: none;
  padding: 2rem 3rem;
  font-size: 1.3rem;
}

.docs-container pre,
.hljs {
  background-color: hsl(239, 10%, 98%);
}

.docs-container pre code {
  color: hsl(236, 45%, 36%);
}

.docs-container p code, .docs-container li code, .docs-container td code {
  color: hsl(0, 69%, 61%);
}

.hljs-string, .hljs-title, .hljs-parent, .hljs-built_in, .hljs-literal, .hljs-filename, .hljs-value, .hljs-addition, .hljs-tag, .hljs-argument, .hljs-link_label, .hljs-blockquote, .hljs-header, .hljs-name {
  color: hsl(167, 88%, 38%);
}

.hljs-comment, .hljs-chunk {
  color: hsl(212, 15%, 69%);
}