339 lines · 12.0 KB · CSS
RawDownload
/* Based on https://github.com/buildkite/terminal-to-html/blob/697ff23bd8dc48b9d23f11f259f5256dae2455f0/assets/terminal.css */ .console {  background: var(--color-console-bg);  color: var(--color-console-fg);  font-family: var(--fonts-monospace);  border-radius: var(--border-radius);  word-break: break-word;  overflow-wrap: break-word;} .console img { max-width: 100%; } .console a {  color: inherit;  text-decoration: underline;  text-decoration-style: dashed;}.console a:hover { color: var(--color-primary); } @keyframes blink-animation {  to {    visibility: hidden;  }} /* ansi_up colors used in actions */ .ansi-black-fg { color: var(--color-ansi-black); }.ansi-red-fg { color: var(--color-ansi-red); }.ansi-green-fg { color: var(--color-ansi-green); }.ansi-yellow-fg { color: var(--color-ansi-yellow); }.ansi-blue-fg { color: var(--color-ansi-blue); }.ansi-magenta-fg { color: var(--color-ansi-magenta); }.ansi-cyan-fg { color: var(--color-ansi-cyan); }.ansi-white-fg { color: var(--color-ansi-white); } .ansi-bright-black-fg { color: var(--color-ansi-bright-black); }.ansi-bright-red-fg { color: var(--color-ansi-bright-red); }.ansi-bright-green-fg { color: var(--color-ansi-bright-green); }.ansi-bright-yellow-fg { color: var(--color-ansi-bright-yellow); }.ansi-bright-blue-fg { color: var(--color-ansi-bright-blue); }.ansi-bright-magenta-fg { color: var(--color-ansi-bright-magenta); }.ansi-bright-cyan-fg { color: var(--color-ansi-bright-cyan); }.ansi-bright-white-fg { color: var(--color-ansi-bright-white); } .ansi-black-bg { background-color: var(--color-ansi-black); }.ansi-red-bg { background-color: var(--color-ansi-red); }.ansi-green-bg { background-color: var(--color-ansi-green); }.ansi-yellow-bg { background-color: var(--color-ansi-yellow); }.ansi-blue-bg { background-color: var(--color-ansi-blue); }.ansi-magenta-bg { background-color: var(--color-ansi-magenta); }.ansi-cyan-bg { background-color: var(--color-ansi-cyan); }.ansi-white-bg { background-color: var(--color-ansi-white); } .ansi-bright-black-bg { background-color: var(--color-ansi-bright-black); }.ansi-bright-red-bg { background-color: var(--color-ansi-bright-red); }.ansi-bright-green-bg { background-color: var(--color-ansi-bright-green); }.ansi-bright-yellow-bg { background-color: var(--color-ansi-bright-yellow); }.ansi-bright-blue-bg { background-color: var(--color-ansi-bright-blue); }.ansi-bright-magenta-bg { background-color: var(--color-ansi-bright-magenta); }.ansi-bright-cyan-bg { background-color: var(--color-ansi-bright-cyan); }.ansi-bright-white-bg { background-color: var(--color-ansi-bright-white); } /* term colors used in console rendering */ .term-fg2 { color: var(--color-ansi-bright-black); } /* faint (decreased intensity) - same as gray really */.term-fg3 { font-style: italic; } /* italic */.term-fg4 { text-decoration: underline; } /* underline */.term-fg5 { animation: blink-animation 1s steps(3, start) infinite; } /* blink */.term-fg9 { text-decoration: line-through; } /* crossed-out */ .term-fg30 { color: var(--color-ansi-black); } /* black (but we can't use black, so a diff color) */.term-fg31 { color: var(--color-ansi-red); } /* red */.term-fg32 { color: var(--color-ansi-green); } /* green */.term-fg33 { color: var(--color-ansi-yellow); } /* yellow */.term-fg34 { color: var(--color-ansi-blue); } /* blue */.term-fg35 { color: var(--color-ansi-magenta); } /* magenta */.term-fg36 { color: var(--color-ansi-cyan); } /* cyan */ /* high intense colors */.term-fgi1 { color: var(--color-ansi-bright-green); }.term-fgi90 { color: var(--color-ansi-bright-black); } /* grey */.term-fgi91 { color: var(--color-ansi-bright-red); } /* red */.term-fgi92 { color: var(--color-ansi-bright-green); } /* green */.term-fgi93 { color: var(--color-ansi-bright-yellow); } /* yellow */.term-fgi94 { color: var(--color-ansi-bright-blue); } /* blue */.term-fgi95 { color: var(--color-ansi-bright-magenta); } /* magenta */.term-fgi96 { color: var(--color-ansi-bright-cyan); } /* cyan */ /* background colors */.term-bg40 { background: var(--color-ansi-bright-black); } /* grey */.term-bg41 { background: var(--color-ansi-red); } /* red */.term-bg42 { background: var(--color-ansi-green); } /* green */ /* custom foreground/background combos for readability */.term-fg31.term-bg40 { color: var(--color-ansi-bright-red); } /* xterm colors */.term-fgx16 { color: #000000; }.term-fgx17 { color: #00005f; }.term-fgx18 { color: #000087; }.term-fgx19 { color: #0000af; }.term-fgx20 { color: #0000d7; }.term-fgx21 { color: #0000ff; }.term-fgx22 { color: #005f00; }.term-fgx23 { color: #005f5f; }.term-fgx24 { color: #005f87; }.term-fgx25 { color: #005faf; }.term-fgx26 { color: #005fd7; }.term-fgx27 { color: #005fff; }.term-fgx28 { color: #008700; }.term-fgx29 { color: #00875f; }.term-fgx30 { color: #008787; }.term-fgx31 { color: #0087af; }.term-fgx32 { color: #0087d7; }.term-fgx33 { color: #0087ff; }.term-fgx34 { color: #00af00; }.term-fgx35 { color: #00af5f; }.term-fgx36 { color: #00af87; }.term-fgx37 { color: #00afaf; }.term-fgx38 { color: #00afd7; }.term-fgx39 { color: #00afff; }.term-fgx40 { color: #00d700; }.term-fgx41 { color: #00d75f; }.term-fgx42 { color: #00d787; }.term-fgx43 { color: #00d7af; }.term-fgx44 { color: #00d7d7; }.term-fgx45 { color: #00d7ff; }.term-fgx46 { color: #00ff00; }.term-fgx47 { color: #00ff5f; }.term-fgx48 { color: #00ff87; }.term-fgx49 { color: #00ffaf; }.term-fgx50 { color: #00ffd7; }.term-fgx51 { color: #00ffff; }.term-fgx52 { color: #5f0000; }.term-fgx53 { color: #5f005f; }.term-fgx54 { color: #5f0087; }.term-fgx55 { color: #5f00af; }.term-fgx56 { color: #5f00d7; }.term-fgx57 { color: #5f00ff; }.term-fgx58 { color: #5f5f00; }.term-fgx59 { color: #5f5f5f; }.term-fgx60 { color: #5f5f87; }.term-fgx61 { color: #5f5faf; }.term-fgx62 { color: #5f5fd7; }.term-fgx63 { color: #5f5fff; }.term-fgx64 { color: #5f8700; }.term-fgx65 { color: #5f875f; }.term-fgx66 { color: #5f8787; }.term-fgx67 { color: #5f87af; }.term-fgx68 { color: #5f87d7; }.term-fgx69 { color: #5f87ff; }.term-fgx70 { color: #5faf00; }.term-fgx71 { color: #5faf5f; }.term-fgx72 { color: #5faf87; }.term-fgx73 { color: #5fafaf; }.term-fgx74 { color: #5fafd7; }.term-fgx75 { color: #5fafff; }.term-fgx76 { color: #5fd700; }.term-fgx77 { color: #5fd75f; }.term-fgx78 { color: #5fd787; }.term-fgx79 { color: #5fd7af; }.term-fgx80 { color: #5fd7d7; }.term-fgx81 { color: #5fd7ff; }.term-fgx82 { color: #5fff00; }.term-fgx83 { color: #5fff5f; }.term-fgx84 { color: #5fff87; }.term-fgx85 { color: #5fffaf; }.term-fgx86 { color: #5fffd7; }.term-fgx87 { color: #5fffff; }.term-fgx88 { color: #870000; }.term-fgx89 { color: #87005f; }.term-fgx90 { color: #870087; }.term-fgx91 { color: #8700af; }.term-fgx92 { color: #8700d7; }.term-fgx93 { color: #8700ff; }.term-fgx94 { color: #875f00; }.term-fgx95 { color: #875f5f; }.term-fgx96 { color: #875f87; }.term-fgx97 { color: #875faf; }.term-fgx98 { color: #875fd7; }.term-fgx99 { color: #875fff; }.term-fgx100 { color: #878700; }.term-fgx101 { color: #87875f; }.term-fgx102 { color: #878787; }.term-fgx103 { color: #8787af; }.term-fgx104 { color: #8787d7; }.term-fgx105 { color: #8787ff; }.term-fgx106 { color: #87af00; }.term-fgx107 { color: #87af5f; }.term-fgx108 { color: #87af87; }.term-fgx109 { color: #87afaf; }.term-fgx110 { color: #87afd7; }.term-fgx111 { color: #87afff; }.term-fgx112 { color: #87d700; }.term-fgx113 { color: #87d75f; }.term-fgx114 { color: #87d787; }.term-fgx115 { color: #87d7af; }.term-fgx116 { color: #87d7d7; }.term-fgx117 { color: #87d7ff; }.term-fgx118 { color: #87ff00; }.term-fgx119 { color: #87ff5f; }.term-fgx120 { color: #87ff87; }.term-fgx121 { color: #87ffaf; }.term-fgx122 { color: #87ffd7; }.term-fgx123 { color: #87ffff; }.term-fgx124 { color: #af0000; }.term-fgx125 { color: #af005f; }.term-fgx126 { color: #af0087; }.term-fgx127 { color: #af00af; }.term-fgx128 { color: #af00d7; }.term-fgx129 { color: #af00ff; }.term-fgx130 { color: #af5f00; }.term-fgx131 { color: #af5f5f; }.term-fgx132 { color: #af5f87; }.term-fgx133 { color: #af5faf; }.term-fgx134 { color: #af5fd7; }.term-fgx135 { color: #af5fff; }.term-fgx136 { color: #af8700; }.term-fgx137 { color: #af875f; }.term-fgx138 { color: #af8787; }.term-fgx139 { color: #af87af; }.term-fgx140 { color: #af87d7; }.term-fgx141 { color: #af87ff; }.term-fgx142 { color: #afaf00; }.term-fgx143 { color: #afaf5f; }.term-fgx144 { color: #afaf87; }.term-fgx145 { color: #afafaf; }.term-fgx146 { color: #afafd7; }.term-fgx147 { color: #afafff; }.term-fgx148 { color: #afd700; }.term-fgx149 { color: #afd75f; }.term-fgx150 { color: #afd787; }.term-fgx151 { color: #afd7af; }.term-fgx152 { color: #afd7d7; }.term-fgx153 { color: #afd7ff; }.term-fgx154 { color: #afff00; }.term-fgx155 { color: #afff5f; }.term-fgx156 { color: #afff87; }.term-fgx157 { color: #afffaf; }.term-fgx158 { color: #afffd7; }.term-fgx159 { color: #afffff; }.term-fgx160 { color: #d70000; }.term-fgx161 { color: #d7005f; }.term-fgx162 { color: #d70087; }.term-fgx163 { color: #d700af; }.term-fgx164 { color: #d700d7; }.term-fgx165 { color: #d700ff; }.term-fgx166 { color: #d75f00; }.term-fgx167 { color: #d75f5f; }.term-fgx168 { color: #d75f87; }.term-fgx169 { color: #d75faf; }.term-fgx170 { color: #d75fd7; }.term-fgx171 { color: #d75fff; }.term-fgx172 { color: #d78700; }.term-fgx173 { color: #d7875f; }.term-fgx174 { color: #d78787; }.term-fgx175 { color: #d787af; }.term-fgx176 { color: #d787d7; }.term-fgx177 { color: #d787ff; }.term-fgx178 { color: #d7af00; }.term-fgx179 { color: #d7af5f; }.term-fgx180 { color: #d7af87; }.term-fgx181 { color: #d7afaf; }.term-fgx182 { color: #d7afd7; }.term-fgx183 { color: #d7afff; }.term-fgx184 { color: #d7d700; }.term-fgx185 { color: #d7d75f; }.term-fgx186 { color: #d7d787; }.term-fgx187 { color: #d7d7af; }.term-fgx188 { color: #d7d7d7; }.term-fgx189 { color: #d7d7ff; }.term-fgx190 { color: #d7ff00; }.term-fgx191 { color: #d7ff5f; }.term-fgx192 { color: #d7ff87; }.term-fgx193 { color: #d7ffaf; }.term-fgx194 { color: #d7ffd7; }.term-fgx195 { color: #d7ffff; }.term-fgx196 { color: #ff0000; }.term-fgx197 { color: #ff005f; }.term-fgx198 { color: #ff0087; }.term-fgx199 { color: #ff00af; }.term-fgx200 { color: #ff00d7; }.term-fgx201 { color: #ff00ff; }.term-fgx202 { color: #ff5f00; }.term-fgx203 { color: #ff5f5f; }.term-fgx204 { color: #ff5f87; }.term-fgx205 { color: #ff5faf; }.term-fgx206 { color: #ff5fd7; }.term-fgx207 { color: #ff5fff; }.term-fgx208 { color: #ff8700; }.term-fgx209 { color: #ff875f; }.term-fgx210 { color: #ff8787; }.term-fgx211 { color: #ff87af; }.term-fgx212 { color: #ff87d7; }.term-fgx213 { color: #ff87ff; }.term-fgx214 { color: #ffaf00; }.term-fgx215 { color: #ffaf5f; }.term-fgx216 { color: #ffaf87; }.term-fgx217 { color: #ffafaf; }.term-fgx218 { color: #ffafd7; }.term-fgx219 { color: #ffafff; }.term-fgx220 { color: #ffd700; }.term-fgx221 { color: #ffd75f; }.term-fgx222 { color: #ffd787; }.term-fgx223 { color: #ffd7af; }.term-fgx224 { color: #ffd7d7; }.term-fgx225 { color: #ffd7ff; }.term-fgx226 { color: #ffff00; }.term-fgx227 { color: #ffff5f; }.term-fgx228 { color: #ffff87; }.term-fgx229 { color: #ffffaf; }.term-fgx230 { color: #ffffd7; }.term-fgx231 { color: #ffffff; }.term-fgx232 { color: #080808; }.term-fgx233 { color: #121212; }.term-fgx234 { color: #1c1c1c; }.term-fgx235 { color: #262626; }.term-fgx236 { color: #303030; }.term-fgx237 { color: #3a3a3a; }.term-fgx238 { color: #444444; }.term-fgx239 { color: #4e4e4e; }.term-fgx240 { color: #585858; }.term-fgx241 { color: #626262; }.term-fgx242 { color: #6c6c6c; }.term-fgx243 { color: #767676; }.term-fgx244 { color: #808080; }.term-fgx245 { color: #8a8a8a; }.term-fgx246 { color: #949494; }.term-fgx247 { color: #9e9e9e; }.term-fgx248 { color: #a8a8a8; }.term-fgx249 { color: #b2b2b2; }.term-fgx250 { color: #bcbcbc; }.term-fgx251 { color: #c6c6c6; }.term-fgx252 { color: #d0d0d0; }.term-fgx253 { color: #dadada; }.term-fgx254 { color: #e4e4e4; }.term-fgx255 { color: #eeeeee; }