.view-body pre {
  margin-block: 0;
  background-color: transparent;
  border: none;
  font-family: var(--default-font-family);
  font-size: var(--text-md);
  text-wrap: wrap;
  word-break: break-word;
}

.view-body pre code.hljs {
  background-color: transparent;
  color: light-dark(var(--color-text-subtle), #bbcdd5);
}

.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-name,
.hljs-selector-tag {
  color: light-dark(#d97c0e, #f99c2e);
}

.hljs-addition,
.hljs-built_in,
.hljs-bullet,
.hljs-code {
  color: light-dark(#b342ec, #9aea4b);
}

.hljs-deletion,
.hljs-number,
.hljs-quote,
.hljs-selector-class,
.hljs-selector-id,
.hljs-string,
.hljs-template-tag,
.hljs-type {
  color: #53aeff;
}

.hljs-link,
.hljs-operator,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-symbol,
.hljs-template-variable,
.hljs-variable {
  color: #ff7d7d;
}