UNPKG

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