ptr.pet
1/*
2 * Synthwave '84 Theme originally by Robb Owen [@Robb0wen] for Visual Studio Code
3 * Demo: https://marc.dev/demo/prism-synthwave84
4 *
5 * Ported for PrismJS by Marc Backes [@themarcba]
6 */
7
8code[class*="language-"],
9pre[class*="language-"] {
10 color: theme(colors.ralsei.pink.neon);
11 text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px #ff3eb733, 0 0 10px #fff3;
12 @apply bg-ralsei-green-dark;
13 @apply font-monospace;
14 font-size: 1rem;
15 line-height: 1.4rem;
16 text-align: left;
17 white-space: pre;
18 word-spacing: normal;
19 word-break: normal;
20 word-wrap: normal;
21
22 -moz-tab-size: 4;
23 -o-tab-size: 4;
24 tab-size: 4;
25
26 -webkit-hyphens: none;
27 -moz-hyphens: none;
28 -ms-hyphens: none;
29 hyphens: none;
30}
31
32/* Code blocks */
33pre[class*="language-"] {
34 padding: 1em;
35 margin: .5em 0;
36 overflow: auto;
37}
38
39/* :not(pre) > code[class*="language-"],
40pre[class*="language-"] {
41 background-color: transparent !important;
42 background-image: linear-gradient(to bottom, #2a2139 75%, #34294f);
43} */
44
45/* Inline code */
46:not(pre) > code[class*="language-"] {
47 padding: .1em;
48 border-radius: .3em;
49 white-space: normal;
50}
51
52.token.comment,
53.token.block-comment,
54.token.prolog,
55.token.doctype,
56.token.cdata {
57 color: #8e8e8e;
58}
59
60.token.punctuation {
61 color: #ccc;
62}
63
64.token.tag,
65.token.attr-name,
66.token.namespace,
67.token.number,
68.token.unit,
69.token.hexcode,
70.token.deleted {
71 color: #e2777a;
72}
73
74.token.property,
75.token.selector {
76 color: #72f1b8;
77 text-shadow: 0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475;
78}
79
80.token.function-name {
81 color: #6196cc;
82}
83
84.token.boolean,
85.token.selector .token.id,
86.token.function {
87 color: #fdfdfd;
88 text-shadow: 0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975;
89}
90
91.token.class-name {
92 color: #fff5f6;
93 text-shadow: 0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75;
94}
95
96.token.constant,
97.token.symbol {
98 color: #f92aad;
99 text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3;
100}
101
102.token.important,
103.token.atrule,
104.token.keyword,
105.token.selector .token.class,
106.token.builtin {
107 color: #f4eee4;
108 text-shadow: 0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575;
109}
110
111.token.string,
112.token.char,
113.token.attr-value,
114.token.regex,
115.token.variable {
116 color: #f87c32;
117}
118
119.token.operator,
120.token.entity,
121.token.url {
122 color: #67cdcc;
123}
124
125.token.important,
126.token.bold {
127 font-weight: bold;
128}
129
130.token.italic {
131 font-style: italic;
132}
133
134.token.entity {
135 cursor: help;
136}
137
138.token.inserted {
139 color: green;
140}