.hljs { display: block; overflow-x: auto; padding:1rem; background-color: var(--mag-page-bg-200); color: var(--mag-page-text-color); }

.hljs-comment,
.hljs-quote { color: #006a00; }

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

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal { color: #aa0d91; }

.dark .hljs-keyword,
.dark .hljs-selector-tag,
.dark .hljs-literal { color: #ff79ea; }

.hljs-name { color: #008; }
.dark .hljs-name { color: #aaaaff; }

.hljs-variable,
.hljs-template-variable { color: #660; }

.dark .hljs-variable,
.dark .hljs-template-variable { color: #ffff7c; }

.hljs-string { color: #c41a16; }
.dark .hljs-string { color: #ffa19f; }

.hljs-regexp,
.hljs-link { color: #080; }

.dark .hljs-regexp,
.dark .hljs-link { color: #86ff86; }

.hljs-title,
.hljs-tag,
.hljs-symbol,
.hljs-bullet,
.hljs-number,
.hljs-meta { color: #1c00cf; }

.dark .hljs-title,
.dark .hljs-tag,
.dark .hljs-symbol,
.dark .hljs-bullet,
.dark .hljs-number,
.dark .hljs-meta { color: #83f7ff; }

.hljs-section,
.hljs-class .hljs-title,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params { color: #5c2699; }

.dark .hljs-section,
.dark .hljs-class .hljs-title,
.dark .hljs-type,
.dark .hljs-attr,
.dark .hljs-built_in,
.dark .hljs-builtin-name,
.dark .hljs-params { color: #c694ff; }

.hljs-attribute,
.hljs-subst { color: #000; }

.dark .hljs-attribute,
.dark .hljs-subst { color: #fff; }

.hljs-formula { background-color: #eee; font-style: italic; }
.dark .hljs-formula { background-color: #666; }

.hljs-addition { background-color: #baeeba; }
.dark .hljs-addition { background-color: #057505; }

.hljs-deletion { background-color: #ffc8bd; }
.dark .hljs-deletion { background-color: #8c1700; }

.hljs-selector-id,
.hljs-selector-class { color: #9b703f; }

.dark .hljs-selector-id,
.dark .hljs-selector-class { color: #ffc17a; }

.hljs-doctag,
.hljs-strong { font-weight: bold; }

.hljs-emphasis { font-style: italic; }