UNPKG

1.79 kBCSSView Raw
1/**
2 * okaidia theme for JavaScript, CSS and HTML
3 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
4 * @author ocodia
5 */
6
7code[class*="language-"],
8pre[class*="language-"] {
9 color: #f8f8f2;
10 background: none;
11 text-shadow: 0 1px rgba(0, 0, 0, 0.3);
12 font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
13 text-align: left;
14 white-space: pre;
15 word-spacing: normal;
16 word-break: normal;
17 word-wrap: normal;
18 line-height: 1.5;
19
20 -moz-tab-size: 4;
21 -o-tab-size: 4;
22 tab-size: 4;
23
24 -webkit-hyphens: none;
25 -moz-hyphens: none;
26 -ms-hyphens: none;
27 hyphens: none;
28}
29
30/* Code blocks */
31pre[class*="language-"] {
32 padding: 1em;
33 margin: .5em 0;
34 overflow: auto;
35 border-radius: 0.3em;
36}
37
38:not(pre) > code[class*="language-"],
39pre[class*="language-"] {
40 background: #272822;
41}
42
43/* Inline code */
44:not(pre) > code[class*="language-"] {
45 padding: .1em;
46 border-radius: .3em;
47 white-space: normal;
48}
49
50.token.comment,
51.token.prolog,
52.token.doctype,
53.token.cdata {
54 color: slategray;
55}
56
57.token.punctuation {
58 color: #f8f8f2;
59}
60
61.namespace {
62 opacity: .7;
63}
64
65.token.property,
66.token.tag,
67.token.constant,
68.token.symbol,
69.token.deleted {
70 color: #f92672;
71}
72
73.token.boolean,
74.token.number {
75 color: #ae81ff;
76}
77
78.token.selector,
79.token.attr-name,
80.token.string,
81.token.char,
82.token.builtin,
83.token.inserted {
84 color: #a6e22e;
85}
86
87.token.operator,
88.token.entity,
89.token.url,
90.language-css .token.string,
91.style .token.string,
92.token.variable {
93 color: #f8f8f2;
94}
95
96.token.atrule,
97.token.attr-value,
98.token.function,
99.token.class-name {
100 color: #e6db74;
101}
102
103.token.keyword {
104 color: #66d9ef;
105}
106
107.token.regex,
108.token.important {
109 color: #fd971f;
110}
111
112.token.important,
113.token.bold {
114 font-weight: bold;
115}
116.token.italic {
117 font-style: italic;
118}
119
120.token.entity {
121 cursor: help;
122}