1  pre code.hljs {
 2    display: block;
 3    overflow-x: auto;
 4    padding: 1em
 5  }
 6  code.hljs {
 7    padding: 3px 5px
 8  }
 9  /**
10   * Panda Syntax Theme for Highlight.js
11   * Based on: https://github.com/tinkertrain/panda-syntax-vscode
12   * Author: Annmarie Switzer <https://github.com/annmarie-switzer>
13   */
14  .hljs {
15    color: #2a2c2d;
16    background: #e6e6e6
17  }
18  .hljs-emphasis {
19    font-style: italic
20  }
21  .hljs-strong {
22    font-weight: bold
23  }
24  .hljs-link {
25    text-decoration: underline
26  }
27  .hljs-comment,
28  .hljs-quote {
29    color: #676B79;
30    font-style: italic
31  }
32  .hljs-params {
33    color: #676B79
34  }
35  .hljs-punctuation,
36  .hljs-attr {
37    color: #2a2c2d
38  }
39  .hljs-selector-tag,
40  .hljs-name,
41  .hljs-meta,
42  .hljs-operator,
43  .hljs-char.escape_ {
44    color: #c56200
45  }
46  .hljs-keyword,
47  .hljs-deletion {
48    color: #d92792
49  }
50  .hljs-regexp,
51  .hljs-selector-pseudo,
52  .hljs-selector-attr,
53  .hljs-variable.language_ {
54    color: #cc5e91
55  }
56  .hljs-subst,
57  .hljs-property,
58  .hljs-code,
59  .hljs-formula,
60  .hljs-section,
61  .hljs-title.function_ {
62    color: #3787c7
63  }
64  .hljs-string,
65  .hljs-symbol,
66  .hljs-bullet,
67  .hljs-addition,
68  .hljs-selector-class,
69  .hljs-title.class_,
70  .hljs-title.class_.inherited__,
71  .hljs-meta .hljs-string {
72    color: #0d7d6c
73  }
74  .hljs-variable,
75  .hljs-template-variable,
76  .hljs-number,
77  .hljs-literal,
78  .hljs-type,
79  .hljs-link,
80  .hljs-built_in,
81  .hljs-title,
82  .hljs-selector-id,
83  .hljs-tag,
84  .hljs-doctag,
85  .hljs-attribute,
86  .hljs-template-tag,
87  .hljs-meta .hljs-keyword {
88    color: #7641bb
89  }