UNPKG

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