UNPKG

3.25 kBCSSView Raw
1/**
2 * Shades of Purple Theme for Prism.js
3 *
4 * @author Ahmad Awais <https://twitter.com/MrAhmadAwais/>
5 * @support Follow/tweet at https://twitter.com/MrAhmadAwais/
6 */
7
8code[class*='language-'],
9pre[class*='language-'] {
10 color: #9efeff;
11 direction: ltr;
12 text-align: left;
13 white-space: pre;
14 word-spacing: normal;
15 word-break: normal;
16
17 -moz-tab-size: 4;
18 -o-tab-size: 4;
19 tab-size: 4;
20
21 -webkit-hyphens: none;
22 -moz-hyphens: none;
23 -ms-hyphens: none;
24 hyphens: none;
25
26 font-family: 'Operator Mono', 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
27 font-weight: 400;
28 font-size: 17px;
29 line-height: 25px;
30 letter-spacing: 0.5px;
31 text-shadow: 0 1px #222245;
32}
33
34pre[class*='language-']::-moz-selection,
35pre[class*='language-'] ::-moz-selection,
36code[class*='language-']::-moz-selection,
37code[class*='language-'] ::-moz-selection,
38pre[class*='language-']::selection,
39pre[class*='language-'] ::selection,
40code[class*='language-']::selection,
41code[class*='language-'] ::selection {
42 color: inherit;
43 background: #a599e9;
44}
45
46/* Code blocks. */
47pre[class*='language-'] {
48 padding: 2em;
49 margin: 0.5em 0;
50 overflow: auto;
51}
52
53:not(pre) > code[class*='language-'],
54pre[class*='language-'] {
55 background: #1e1e3f;
56}
57
58/* Inline code */
59:not(pre) > code[class*='language-'] {
60 padding: 0.1em;
61 border-radius: 0.3em;
62}
63
64.token {
65 font-weight: 400;
66}
67
68.token.comment,
69.token.prolog,
70.token.cdata {
71 color: #b362ff;
72}
73
74.token.delimiter,
75.token.keyword,
76.token.selector,
77.token.important,
78.token.atrule {
79 color: #ff9d00;
80}
81
82.token.operator,
83.token.attr-name {
84 color: rgb(255, 180, 84);
85}
86
87.token.punctuation {
88 color: #ffffff;
89}
90
91.token.boolean {
92 color: rgb(255, 98, 140);
93}
94
95.token.tag,
96.token.tag .punctuation,
97.token.doctype,
98.token.builtin {
99 color: rgb(255, 157, 0);
100}
101
102.token.entity,
103.token.symbol {
104 color: #6897bb;
105}
106
107.token.number {
108 color: #ff628c;
109}
110
111.token.property,
112.token.constant,
113.token.variable {
114 color: #ff628c;
115}
116
117.token.string,
118.token.char {
119 color: #a5ff90;
120}
121
122.token.attr-value,
123.token.attr-value .punctuation {
124 color: #a5c261;
125}
126
127.token.attr-value .punctuation:first-child {
128 color: #a9b7c6;
129}
130
131.token.url {
132 color: #287bde;
133 text-decoration: underline;
134}
135
136.token.function {
137 color: rgb(250, 208, 0);
138}
139
140.token.regex {
141 background: #364135;
142}
143
144.token.bold {
145 font-weight: bold;
146}
147
148.token.italic {
149 font-style: italic;
150}
151
152.token.inserted {
153 background: #00ff00;
154}
155
156.token.deleted {
157 background: #ff000d;
158}
159
160code.language-css .token.property,
161code.language-css .token.property + .token.punctuation {
162 color: #a9b7c6;
163}
164
165code.language-css .token.id {
166 color: #ffc66d;
167}
168
169code.language-css .token.selector > .token.class,
170code.language-css .token.selector > .token.attribute,
171code.language-css .token.selector > .token.pseudo-class,
172code.language-css .token.selector > .token.pseudo-element {
173 color: #ffc66d;
174}
175
176.token.class-name {
177 color: #fb94ff;
178}
179
180.token.operator,
181.token.entity,
182.token.url,
183.language-css .token.string,
184.style .token.string {
185 background: none;
186}
187
188.line-highlight.line-highlight {
189 margin-top: 36px;
190 background: linear-gradient(to right, rgba(179, 98, 255, 0.17), transparent);
191}
192
193.line-highlight.line-highlight:before,
194.line-highlight.line-highlight[data-end]:after {
195 content: '';
196}