pre code.hljs { display: block; overflow-x: auto; padding: 1em }

code.hljs { padding: 3px 5px }

.hljs { background: var(--mag-page-bg-200); color: var(--mag-page-text-color); }

.hljs-comment,
.hljs-quote,
.hljs-variable { color: #008000 }

.dark .hljs-comment,
.dark .hljs-quote,
.dark .hljs-variable { color: #70ff70; }

.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-name,
.hljs-tag { color: #00f }

.dark .hljs-keyword,
.dark .hljs-selector-tag,
.dark .hljs-built_in,
.dark .hljs-name,
.dark .hljs-tag { color: #4493f8; }

.hljs-string,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-literal,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-addition { color: #037458; }

.dark .hljs-string,
.dark .hljs-title,
.dark .hljs-section,
.dark .hljs-attribute,
.dark .hljs-literal,
.dark .hljs-template-tag,
.dark .hljs-template-variable,
.dark .hljs-type,
.dark .hljs-addition { color: #05d29f; }

.hljs-deletion,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-meta { color: #2b91af }

.hljs-doctag { color: #808080 }

.hljs-attr { color: #f00 }
.dark .hljs-attr { color: #ff9696 }

.hljs-symbol,
.hljs-bullet,
.hljs-link { color: #00b0e8 }

.hljs-emphasis { font-style: italic }

.hljs-strong { font-weight: bold }