pre {
  margin-bottom: 1.5em;
  padding: 16px 0;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.9);
}

pre code {
  background: none;
  font-family: monospace;
  display: block;
  padding: 0 20px;
  color: rgb(210, 215, 220);
  line-height: 1.4em;
  font-size: 0.9rem;
  overflow-x: auto;
  white-space: pre;
  -webkit-overflow-scrolling: touch;
}

pre code .keyword {
  color: var(--accentTextColor);
}

pre code .type {
  color: var(--secondaryTextColor);
}

html[data-theme=""] {
  pre code .keyword {
    color: #9f9f9f;
  }
  
  pre code .type {
    color: #9f9f9f;
  }
}

pre code .call {
  color: #348fe5;
}

pre code .property {
  color: #21ab9d;
}

pre code .number {
  color: #db6f57;
}

pre code .string {
  color: #fa641e;
}

pre code .comment {
  color: #6b8a94;
}

pre code .dotAccess {
  color: #92b300;
}

pre code .preprocessing {
  color: #b68a00;
}