/ src / theme / styles / atom-one-dark.css
atom-one-dark.css
 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  
11  Atom One Dark by Daniel Gamage
12  Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
13  
14  base:    #282c34
15  mono-1:  #abb2bf
16  mono-2:  #818896
17  mono-3:  #5c6370
18  hue-1:   #56b6c2
19  hue-2:   #61aeee
20  hue-3:   #c678dd
21  hue-4:   #98c379
22  hue-5:   #e06c75
23  hue-5-2: #be5046
24  hue-6:   #d19a66
25  hue-6-2: #e6c07b
26  
27  */
28  .hljs {
29    color: #abb2bf;
30    background: #282c34
31  }
32  .hljs-comment,
33  .hljs-quote {
34    color: #5c6370;
35    font-style: italic
36  }
37  .hljs-doctag,
38  .hljs-keyword,
39  .hljs-formula {
40    color: #c678dd
41  }
42  .hljs-section,
43  .hljs-name,
44  .hljs-selector-tag,
45  .hljs-deletion,
46  .hljs-subst {
47    color: #e06c75
48  }
49  .hljs-literal {
50    color: #56b6c2
51  }
52  .hljs-string,
53  .hljs-regexp,
54  .hljs-addition,
55  .hljs-attribute,
56  .hljs-meta .hljs-string {
57    color: #98c379
58  }
59  .hljs-attr,
60  .hljs-variable,
61  .hljs-template-variable,
62  .hljs-type,
63  .hljs-selector-class,
64  .hljs-selector-attr,
65  .hljs-selector-pseudo,
66  .hljs-number {
67    color: #d19a66
68  }
69  .hljs-symbol,
70  .hljs-bullet,
71  .hljs-link,
72  .hljs-meta,
73  .hljs-selector-id,
74  .hljs-title {
75    color: #61aeee
76  }
77  .hljs-built_in,
78  .hljs-title.class_,
79  .hljs-class .hljs-title {
80    color: #e6c07b
81  }
82  .hljs-emphasis {
83    font-style: italic
84  }
85  .hljs-strong {
86    font-weight: bold
87  }
88  .hljs-link {
89    text-decoration: underline
90  }