oppi.li
1/* Based on https://github.com/buildkite/terminal-to-html/blob/697ff23bd8dc48b9d23f11f259f5256dae2455f0/assets/terminal.css */
2
3.console {
4 background: var(--color-console-bg);
5 color: var(--color-console-fg);
6 font-family: var(--fonts-monospace);
7 border-radius: var(--border-radius);
8 overflow-wrap: anywhere;
9}
10
11.console img { max-width: 100%; }
12
13.console a {
14 color: inherit;
15 text-decoration: underline;
16 text-decoration-style: dashed;
17}
18.console a:hover { color: var(--color-primary); }
19
20@keyframes blink-animation {
21 to {
22 visibility: hidden;
23 }
24}
25
26/* ansi_up colors used in actions */
27
28.ansi-black-fg { color: var(--color-ansi-black); }
29.ansi-red-fg { color: var(--color-ansi-red); }
30.ansi-green-fg { color: var(--color-ansi-green); }
31.ansi-yellow-fg { color: var(--color-ansi-yellow); }
32.ansi-blue-fg { color: var(--color-ansi-blue); }
33.ansi-magenta-fg { color: var(--color-ansi-magenta); }
34.ansi-cyan-fg { color: var(--color-ansi-cyan); }
35.ansi-white-fg { color: var(--color-ansi-white); }
36
37.ansi-bright-black-fg { color: var(--color-ansi-bright-black); }
38.ansi-bright-red-fg { color: var(--color-ansi-bright-red); }
39.ansi-bright-green-fg { color: var(--color-ansi-bright-green); }
40.ansi-bright-yellow-fg { color: var(--color-ansi-bright-yellow); }
41.ansi-bright-blue-fg { color: var(--color-ansi-bright-blue); }
42.ansi-bright-magenta-fg { color: var(--color-ansi-bright-magenta); }
43.ansi-bright-cyan-fg { color: var(--color-ansi-bright-cyan); }
44.ansi-bright-white-fg { color: var(--color-ansi-bright-white); }
45
46.ansi-black-bg { background-color: var(--color-ansi-black); }
47.ansi-red-bg { background-color: var(--color-ansi-red); }
48.ansi-green-bg { background-color: var(--color-ansi-green); }
49.ansi-yellow-bg { background-color: var(--color-ansi-yellow); }
50.ansi-blue-bg { background-color: var(--color-ansi-blue); }
51.ansi-magenta-bg { background-color: var(--color-ansi-magenta); }
52.ansi-cyan-bg { background-color: var(--color-ansi-cyan); }
53.ansi-white-bg { background-color: var(--color-ansi-white); }
54
55.ansi-bright-black-bg { background-color: var(--color-ansi-bright-black); }
56.ansi-bright-red-bg { background-color: var(--color-ansi-bright-red); }
57.ansi-bright-green-bg { background-color: var(--color-ansi-bright-green); }
58.ansi-bright-yellow-bg { background-color: var(--color-ansi-bright-yellow); }
59.ansi-bright-blue-bg { background-color: var(--color-ansi-bright-blue); }
60.ansi-bright-magenta-bg { background-color: var(--color-ansi-bright-magenta); }
61.ansi-bright-cyan-bg { background-color: var(--color-ansi-bright-cyan); }
62.ansi-bright-white-bg { background-color: var(--color-ansi-bright-white); }
63
64/* term colors used in console rendering */
65
66.term-fg2 { color: var(--color-ansi-bright-black); } /* faint (decreased intensity) - same as gray really */
67.term-fg3 { font-style: italic; } /* italic */
68.term-fg4 { text-decoration: underline; } /* underline */
69.term-fg5 { animation: blink-animation 1s steps(3, start) infinite; } /* blink */
70.term-fg9 { text-decoration: line-through; } /* crossed-out */
71
72.term-fg30 { color: var(--color-ansi-black); } /* black (but we can't use black, so a diff color) */
73.term-fg31 { color: var(--color-ansi-red); } /* red */
74.term-fg32 { color: var(--color-ansi-green); } /* green */
75.term-fg33 { color: var(--color-ansi-yellow); } /* yellow */
76.term-fg34 { color: var(--color-ansi-blue); } /* blue */
77.term-fg35 { color: var(--color-ansi-magenta); } /* magenta */
78.term-fg36 { color: var(--color-ansi-cyan); } /* cyan */
79
80/* high intense colors */
81.term-fgi1 { color: var(--color-ansi-bright-green); }
82.term-fgi90 { color: var(--color-ansi-bright-black); } /* grey */
83.term-fgi91 { color: var(--color-ansi-bright-red); } /* red */
84.term-fgi92 { color: var(--color-ansi-bright-green); } /* green */
85.term-fgi93 { color: var(--color-ansi-bright-yellow); } /* yellow */
86.term-fgi94 { color: var(--color-ansi-bright-blue); } /* blue */
87.term-fgi95 { color: var(--color-ansi-bright-magenta); } /* magenta */
88.term-fgi96 { color: var(--color-ansi-bright-cyan); } /* cyan */
89
90/* background colors */
91.term-bg40 { background: var(--color-ansi-bright-black); } /* grey */
92.term-bg41 { background: var(--color-ansi-red); } /* red */
93.term-bg42 { background: var(--color-ansi-green); } /* green */
94
95/* custom foreground/background combos for readability */
96.term-fg31.term-bg40 { color: var(--color-ansi-bright-red); }
97
98/* xterm colors */
99.term-fgx16 { color: #000000; }
100.term-fgx17 { color: #00005f; }
101.term-fgx18 { color: #000087; }
102.term-fgx19 { color: #0000af; }
103.term-fgx20 { color: #0000d7; }
104.term-fgx21 { color: #0000ff; }
105.term-fgx22 { color: #005f00; }
106.term-fgx23 { color: #005f5f; }
107.term-fgx24 { color: #005f87; }
108.term-fgx25 { color: #005faf; }
109.term-fgx26 { color: #005fd7; }
110.term-fgx27 { color: #005fff; }
111.term-fgx28 { color: #008700; }
112.term-fgx29 { color: #00875f; }
113.term-fgx30 { color: #008787; }
114.term-fgx31 { color: #0087af; }
115.term-fgx32 { color: #0087d7; }
116.term-fgx33 { color: #0087ff; }
117.term-fgx34 { color: #00af00; }
118.term-fgx35 { color: #00af5f; }
119.term-fgx36 { color: #00af87; }
120.term-fgx37 { color: #00afaf; }
121.term-fgx38 { color: #00afd7; }
122.term-fgx39 { color: #00afff; }
123.term-fgx40 { color: #00d700; }
124.term-fgx41 { color: #00d75f; }
125.term-fgx42 { color: #00d787; }
126.term-fgx43 { color: #00d7af; }
127.term-fgx44 { color: #00d7d7; }
128.term-fgx45 { color: #00d7ff; }
129.term-fgx46 { color: #00ff00; }
130.term-fgx47 { color: #00ff5f; }
131.term-fgx48 { color: #00ff87; }
132.term-fgx49 { color: #00ffaf; }
133.term-fgx50 { color: #00ffd7; }
134.term-fgx51 { color: #00ffff; }
135.term-fgx52 { color: #5f0000; }
136.term-fgx53 { color: #5f005f; }
137.term-fgx54 { color: #5f0087; }
138.term-fgx55 { color: #5f00af; }
139.term-fgx56 { color: #5f00d7; }
140.term-fgx57 { color: #5f00ff; }
141.term-fgx58 { color: #5f5f00; }
142.term-fgx59 { color: #5f5f5f; }
143.term-fgx60 { color: #5f5f87; }
144.term-fgx61 { color: #5f5faf; }
145.term-fgx62 { color: #5f5fd7; }
146.term-fgx63 { color: #5f5fff; }
147.term-fgx64 { color: #5f8700; }
148.term-fgx65 { color: #5f875f; }
149.term-fgx66 { color: #5f8787; }
150.term-fgx67 { color: #5f87af; }
151.term-fgx68 { color: #5f87d7; }
152.term-fgx69 { color: #5f87ff; }
153.term-fgx70 { color: #5faf00; }
154.term-fgx71 { color: #5faf5f; }
155.term-fgx72 { color: #5faf87; }
156.term-fgx73 { color: #5fafaf; }
157.term-fgx74 { color: #5fafd7; }
158.term-fgx75 { color: #5fafff; }
159.term-fgx76 { color: #5fd700; }
160.term-fgx77 { color: #5fd75f; }
161.term-fgx78 { color: #5fd787; }
162.term-fgx79 { color: #5fd7af; }
163.term-fgx80 { color: #5fd7d7; }
164.term-fgx81 { color: #5fd7ff; }
165.term-fgx82 { color: #5fff00; }
166.term-fgx83 { color: #5fff5f; }
167.term-fgx84 { color: #5fff87; }
168.term-fgx85 { color: #5fffaf; }
169.term-fgx86 { color: #5fffd7; }
170.term-fgx87 { color: #5fffff; }
171.term-fgx88 { color: #870000; }
172.term-fgx89 { color: #87005f; }
173.term-fgx90 { color: #870087; }
174.term-fgx91 { color: #8700af; }
175.term-fgx92 { color: #8700d7; }
176.term-fgx93 { color: #8700ff; }
177.term-fgx94 { color: #875f00; }
178.term-fgx95 { color: #875f5f; }
179.term-fgx96 { color: #875f87; }
180.term-fgx97 { color: #875faf; }
181.term-fgx98 { color: #875fd7; }
182.term-fgx99 { color: #875fff; }
183.term-fgx100 { color: #878700; }
184.term-fgx101 { color: #87875f; }
185.term-fgx102 { color: #878787; }
186.term-fgx103 { color: #8787af; }
187.term-fgx104 { color: #8787d7; }
188.term-fgx105 { color: #8787ff; }
189.term-fgx106 { color: #87af00; }
190.term-fgx107 { color: #87af5f; }
191.term-fgx108 { color: #87af87; }
192.term-fgx109 { color: #87afaf; }
193.term-fgx110 { color: #87afd7; }
194.term-fgx111 { color: #87afff; }
195.term-fgx112 { color: #87d700; }
196.term-fgx113 { color: #87d75f; }
197.term-fgx114 { color: #87d787; }
198.term-fgx115 { color: #87d7af; }
199.term-fgx116 { color: #87d7d7; }
200.term-fgx117 { color: #87d7ff; }
201.term-fgx118 { color: #87ff00; }
202.term-fgx119 { color: #87ff5f; }
203.term-fgx120 { color: #87ff87; }
204.term-fgx121 { color: #87ffaf; }
205.term-fgx122 { color: #87ffd7; }
206.term-fgx123 { color: #87ffff; }
207.term-fgx124 { color: #af0000; }
208.term-fgx125 { color: #af005f; }
209.term-fgx126 { color: #af0087; }
210.term-fgx127 { color: #af00af; }
211.term-fgx128 { color: #af00d7; }
212.term-fgx129 { color: #af00ff; }
213.term-fgx130 { color: #af5f00; }
214.term-fgx131 { color: #af5f5f; }
215.term-fgx132 { color: #af5f87; }
216.term-fgx133 { color: #af5faf; }
217.term-fgx134 { color: #af5fd7; }
218.term-fgx135 { color: #af5fff; }
219.term-fgx136 { color: #af8700; }
220.term-fgx137 { color: #af875f; }
221.term-fgx138 { color: #af8787; }
222.term-fgx139 { color: #af87af; }
223.term-fgx140 { color: #af87d7; }
224.term-fgx141 { color: #af87ff; }
225.term-fgx142 { color: #afaf00; }
226.term-fgx143 { color: #afaf5f; }
227.term-fgx144 { color: #afaf87; }
228.term-fgx145 { color: #afafaf; }
229.term-fgx146 { color: #afafd7; }
230.term-fgx147 { color: #afafff; }
231.term-fgx148 { color: #afd700; }
232.term-fgx149 { color: #afd75f; }
233.term-fgx150 { color: #afd787; }
234.term-fgx151 { color: #afd7af; }
235.term-fgx152 { color: #afd7d7; }
236.term-fgx153 { color: #afd7ff; }
237.term-fgx154 { color: #afff00; }
238.term-fgx155 { color: #afff5f; }
239.term-fgx156 { color: #afff87; }
240.term-fgx157 { color: #afffaf; }
241.term-fgx158 { color: #afffd7; }
242.term-fgx159 { color: #afffff; }
243.term-fgx160 { color: #d70000; }
244.term-fgx161 { color: #d7005f; }
245.term-fgx162 { color: #d70087; }
246.term-fgx163 { color: #d700af; }
247.term-fgx164 { color: #d700d7; }
248.term-fgx165 { color: #d700ff; }
249.term-fgx166 { color: #d75f00; }
250.term-fgx167 { color: #d75f5f; }
251.term-fgx168 { color: #d75f87; }
252.term-fgx169 { color: #d75faf; }
253.term-fgx170 { color: #d75fd7; }
254.term-fgx171 { color: #d75fff; }
255.term-fgx172 { color: #d78700; }
256.term-fgx173 { color: #d7875f; }
257.term-fgx174 { color: #d78787; }
258.term-fgx175 { color: #d787af; }
259.term-fgx176 { color: #d787d7; }
260.term-fgx177 { color: #d787ff; }
261.term-fgx178 { color: #d7af00; }
262.term-fgx179 { color: #d7af5f; }
263.term-fgx180 { color: #d7af87; }
264.term-fgx181 { color: #d7afaf; }
265.term-fgx182 { color: #d7afd7; }
266.term-fgx183 { color: #d7afff; }
267.term-fgx184 { color: #d7d700; }
268.term-fgx185 { color: #d7d75f; }
269.term-fgx186 { color: #d7d787; }
270.term-fgx187 { color: #d7d7af; }
271.term-fgx188 { color: #d7d7d7; }
272.term-fgx189 { color: #d7d7ff; }
273.term-fgx190 { color: #d7ff00; }
274.term-fgx191 { color: #d7ff5f; }
275.term-fgx192 { color: #d7ff87; }
276.term-fgx193 { color: #d7ffaf; }
277.term-fgx194 { color: #d7ffd7; }
278.term-fgx195 { color: #d7ffff; }
279.term-fgx196 { color: #ff0000; }
280.term-fgx197 { color: #ff005f; }
281.term-fgx198 { color: #ff0087; }
282.term-fgx199 { color: #ff00af; }
283.term-fgx200 { color: #ff00d7; }
284.term-fgx201 { color: #ff00ff; }
285.term-fgx202 { color: #ff5f00; }
286.term-fgx203 { color: #ff5f5f; }
287.term-fgx204 { color: #ff5f87; }
288.term-fgx205 { color: #ff5faf; }
289.term-fgx206 { color: #ff5fd7; }
290.term-fgx207 { color: #ff5fff; }
291.term-fgx208 { color: #ff8700; }
292.term-fgx209 { color: #ff875f; }
293.term-fgx210 { color: #ff8787; }
294.term-fgx211 { color: #ff87af; }
295.term-fgx212 { color: #ff87d7; }
296.term-fgx213 { color: #ff87ff; }
297.term-fgx214 { color: #ffaf00; }
298.term-fgx215 { color: #ffaf5f; }
299.term-fgx216 { color: #ffaf87; }
300.term-fgx217 { color: #ffafaf; }
301.term-fgx218 { color: #ffafd7; }
302.term-fgx219 { color: #ffafff; }
303.term-fgx220 { color: #ffd700; }
304.term-fgx221 { color: #ffd75f; }
305.term-fgx222 { color: #ffd787; }
306.term-fgx223 { color: #ffd7af; }
307.term-fgx224 { color: #ffd7d7; }
308.term-fgx225 { color: #ffd7ff; }
309.term-fgx226 { color: #ffff00; }
310.term-fgx227 { color: #ffff5f; }
311.term-fgx228 { color: #ffff87; }
312.term-fgx229 { color: #ffffaf; }
313.term-fgx230 { color: #ffffd7; }
314.term-fgx231 { color: #ffffff; }
315.term-fgx232 { color: #080808; }
316.term-fgx233 { color: #121212; }
317.term-fgx234 { color: #1c1c1c; }
318.term-fgx235 { color: #262626; }
319.term-fgx236 { color: #303030; }
320.term-fgx237 { color: #3a3a3a; }
321.term-fgx238 { color: #444444; }
322.term-fgx239 { color: #4e4e4e; }
323.term-fgx240 { color: #585858; }
324.term-fgx241 { color: #626262; }
325.term-fgx242 { color: #6c6c6c; }
326.term-fgx243 { color: #767676; }
327.term-fgx244 { color: #808080; }
328.term-fgx245 { color: #8a8a8a; }
329.term-fgx246 { color: #949494; }
330.term-fgx247 { color: #9e9e9e; }
331.term-fgx248 { color: #a8a8a8; }
332.term-fgx249 { color: #b2b2b2; }
333.term-fgx250 { color: #bcbcbc; }
334.term-fgx251 { color: #c6c6c6; }
335.term-fgx252 { color: #d0d0d0; }
336.term-fgx253 { color: #dadada; }
337.term-fgx254 { color: #e4e4e4; }
338.term-fgx255 { color: #eeeeee; }