UNPKG

2.05 kBCSSView Raw
1/**
2 * prism.js Dark theme for JavaScript, CSS and HTML
3 * Based on the slides of the talk “/Reg(exp){2}lained/”
4 * @author Lea Verou
5 */
6
7code[class*="language-"],
8pre[class*="language-"] {
9 color: white;
10 background: none;
11 text-shadow: 0 -.1em .2em black;
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@media print {
31 code[class*="language-"],
32 pre[class*="language-"] {
33 text-shadow: none;
34 }
35}
36
37pre[class*="language-"],
38:not(pre) > code[class*="language-"] {
39 background: hsl(30, 20%, 25%);
40}
41
42/* Code blocks */
43pre[class*="language-"] {
44 padding: 1em;
45 margin: .5em 0;
46 overflow: auto;
47 border: .3em solid hsl(30, 20%, 40%);
48 border-radius: .5em;
49 box-shadow: 1px 1px .5em black inset;
50}
51
52/* Inline code */
53:not(pre) > code[class*="language-"] {
54 padding: .15em .2em .05em;
55 border-radius: .3em;
56 border: .13em solid hsl(30, 20%, 40%);
57 box-shadow: 1px 1px .3em -.1em black inset;
58 white-space: normal;
59}
60
61.token.comment,
62.token.prolog,
63.token.doctype,
64.token.cdata {
65 color: hsl(30, 20%, 50%);
66}
67
68.token.punctuation {
69 opacity: .7;
70}
71
72.namespace {
73 opacity: .7;
74}
75
76.token.property,
77.token.tag,
78.token.boolean,
79.token.number,
80.token.constant,
81.token.symbol {
82 color: hsl(350, 40%, 70%);
83}
84
85.token.selector,
86.token.attr-name,
87.token.string,
88.token.char,
89.token.builtin,
90.token.inserted {
91 color: hsl(75, 70%, 60%);
92}
93
94.token.operator,
95.token.entity,
96.token.url,
97.language-css .token.string,
98.style .token.string,
99.token.variable {
100 color: hsl(40, 90%, 60%);
101}
102
103.token.atrule,
104.token.attr-value,
105.token.keyword {
106 color: hsl(350, 40%, 70%);
107}
108
109.token.regex,
110.token.important {
111 color: #e90;
112}
113
114.token.important,
115.token.bold {
116 font-weight: bold;
117}
118.token.italic {
119 font-style: italic;
120}
121
122.token.entity {
123 cursor: help;
124}
125
126.token.deleted {
127 color: red;
128}