UNPKG

1.97 kBCSSView Raw
1/**
2 * Solarized dark atom theme for `prism.js`
3 * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
4 * @author Pranay Chauhan (@PranayChauhan2516)
5 */
6
7code[class*="language-"],
8pre[class*="language-"] {
9 color: #839496;
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: #002b36;
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: #586e75;
53}
54
55.token.punctuation {
56 color: #93a1a1;
57}
58
59.namespace {
60 opacity: .7;
61}
62
63.token.property,
64.token.keyword,
65.token.tag {
66 color: #268bd2;
67}
68
69.token.class-name {
70 color: #FFFFB6;
71 text-decoration: underline;
72}
73
74.token.boolean,
75.token.constant {
76 color: #b58900;
77}
78
79.token.symbol,
80.token.deleted {
81 color: #dc322f;
82}
83
84.token.number {
85 color: #859900;
86}
87
88.token.selector,
89.token.attr-name,
90.token.string,
91.token.char,
92.token.builtin,
93.token.inserted {
94 color: #859900;
95}
96
97.token.variable {
98 color: #268bd2;
99}
100
101.token.operator {
102 color: #EDEDED;
103}
104
105.token.function {
106 color: #268bd2;
107}
108
109.token.regex {
110 color: #E9C062;
111}
112
113.token.important {
114 color: #fd971f;
115}
116
117.token.entity {
118 color: #FFFFB6;
119 cursor: help;
120}
121
122.token.url {
123 color: #96CBFE;
124}
125
126.language-css .token.string,
127.style .token.string {
128 color: #87C38A;
129}
130
131.token.important,
132.token.bold {
133 font-weight: bold;
134}
135
136.token.italic {
137 font-style: italic;
138}
139
140.token.atrule,
141.token.attr-value {
142 color: #F9EE98;
143}