UNPKG

1.95 kBCSSView Raw
1/**
2 * atom-dark theme for `prism.js`
3 * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
4 * @author Joe Gibson (@gibsjose)
5 */
6
7code[class*="language-"],
8pre[class*="language-"] {
9 color: #c5c8c6;
10 text-shadow: 0 1px rgba(0, 0, 0, 0.3);
11 font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
12 direction: ltr;
13 text-align: left;
14 white-space: pre;
15 word-spacing: normal;
16 word-break: normal;
17 line-height: 1.5;
18
19 -moz-tab-size: 4;
20 -o-tab-size: 4;
21 tab-size: 4;
22
23 -webkit-hyphens: none;
24 -moz-hyphens: none;
25 -ms-hyphens: none;
26 hyphens: none;
27}
28
29/* Code blocks */
30pre[class*="language-"] {
31 padding: 1em;
32 margin: .5em 0;
33 overflow: auto;
34 border-radius: 0.3em;
35}
36
37:not(pre) > code[class*="language-"],
38pre[class*="language-"] {
39 background: #1d1f21;
40}
41
42/* Inline code */
43:not(pre) > code[class*="language-"] {
44 padding: .1em;
45 border-radius: .3em;
46}
47
48.token.comment,
49.token.prolog,
50.token.doctype,
51.token.cdata {
52 color: #7C7C7C;
53}
54
55.token.punctuation {
56 color: #c5c8c6;
57}
58
59.namespace {
60 opacity: .7;
61}
62
63.token.property,
64.token.keyword,
65.token.tag {
66 color: #96CBFE;
67}
68
69.token.class-name {
70 color: #FFFFB6;
71 text-decoration: underline;
72}
73
74.token.boolean,
75.token.constant {
76 color: #99CC99;
77}
78
79.token.symbol,
80.token.deleted {
81 color: #f92672;
82}
83
84.token.number {
85 color: #FF73FD;
86}
87
88.token.selector,
89.token.attr-name,
90.token.string,
91.token.char,
92.token.builtin,
93.token.inserted {
94 color: #A8FF60;
95}
96
97.token.variable {
98 color: #C6C5FE;
99}
100
101.token.operator {
102 color: #EDEDED;
103}
104
105.token.entity {
106 color: #FFFFB6;
107 cursor: help;
108}
109
110.token.url {
111 color: #96CBFE;
112}
113
114.language-css .token.string,
115.style .token.string {
116 color: #87C38A;
117}
118
119.token.atrule,
120.token.attr-value {
121 color: #F9EE98;
122}
123
124.token.function {
125 color: #DAD085;
126}
127
128.token.regex {
129 color: #E9C062;
130}
131
132.token.important {
133 color: #fd971f;
134}
135
136.token.important,
137.token.bold {
138 font-weight: bold;
139}
140
141.token.italic {
142 font-style: italic;
143}