.highlight{position:relative;margin:1.4em auto;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-color-quote);border:1px solid var(--rule-color)}.highlight pre,.chroma{margin:0;border-radius:0;background-color:var(--bg-color-quote)!important;-webkit-text-size-adjust:none;font-size:1.55rem}.highlight pre{padding:1.1rem 1.3rem}#content>pre,.post-body>pre{border-radius:var(--radius-sm);border:1px solid var(--rule-color);padding:1.1rem 1.3rem}.chroma .lntable{border:0;display:table;width:100%}.chroma .lntable td{border:0;padding:0}.chroma .lntd:first-child{width:1%}.chroma .ln{color:var(--desc-color);padding-right:1em;user-select:none}.chroma .hl{background:rgba(var(--accent-rgb),.1);display:block}and background rules and prefix the dark selectors. Any 40-line script will do it. ========================================================================== */ .chroma{-webkit-text-size-adjust:none}.chroma .err{color:#f6f8fa;background-color:#82071e}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dedede}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#cf222e}.chroma .kc{color:#cf222e}.chroma .kd{color:#cf222e}.chroma .kn{color:#cf222e}.chroma .kp{color:#cf222e}.chroma .kr{color:#cf222e}.chroma .kt{color:#cf222e}.chroma .na{color:#1f2328}.chroma .nc{color:#1f2328}.chroma .no{color:#0550ae}.chroma .nd{color:#0550ae}.chroma .ni{color:#6639ba}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#24292e}.chroma .nx{color:#1f2328}.chroma .nt{color:#0550ae}.chroma .nb{color:#6639ba}.chroma .bp{color:#6a737d}.chroma .nv{color:#953800}.chroma .vc{color:#953800}.chroma .vg{color:#953800}.chroma .vi{color:#953800}.chroma .vm{color:#953800}.chroma .nf{color:#6639ba}.chroma .fm{color:#6639ba}.chroma .s{color:#0a3069}.chroma .sa{color:#0a3069}.chroma .sb{color:#0a3069}.chroma .sc{color:#0a3069}.chroma .dl{color:#0a3069}.chroma .sd{color:#0a3069}.chroma .s2{color:#0a3069}.chroma .se{color:#0a3069}.chroma .sh{color:#0a3069}.chroma .si{color:#0a3069}.chroma .sx{color:#0a3069}.chroma .sr{color:#0a3069}.chroma .s1{color:#0a3069}.chroma .ss{color:#032f62}.chroma .m{color:#0550ae}.chroma .mb{color:#0550ae}.chroma .mf{color:#0550ae}.chroma .mh{color:#0550ae}.chroma .mi{color:#0550ae}.chroma .il{color:#0550ae}.chroma .mo{color:#0550ae}.chroma .o{color:#0550ae}.chroma .ow{color:#0550ae}.chroma .or{color:#0550ae}.chroma .p{color:#1f2328}.chroma .c{color:#57606a}.chroma .ch{color:#57606a}.chroma .cm{color:#57606a}.chroma .c1{color:#57606a}.chroma .cs{color:#57606a}.chroma .cp{color:#57606a}.chroma .cpf{color:#57606a}.chroma .gd{color:#82071e;background-color:#ffebe9}.chroma .ge{color:#1f2328}.chroma .gi{color:#116329;background-color:#dafbe1}.chroma .go{color:#1f2328}.chroma .gl{text-decoration:underline}.chroma .w{color:#fff}:root[data-theme=dark] .chroma{color:#e6edf3;-webkit-text-size-adjust:none}:root[data-theme=dark] .chroma .err{color:#f85149}:root[data-theme=dark] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}:root[data-theme=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}:root[data-theme=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}:root[data-theme=dark] .chroma .hl{background-color:#6e7681}:root[data-theme=dark] .chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#737679}:root[data-theme=dark] .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6e7681}:root[data-theme=dark] .chroma .line{display:flex}:root[data-theme=dark] .chroma .k{color:#ff7b72}:root[data-theme=dark] .chroma .kc{color:#79c0ff}:root[data-theme=dark] .chroma .kd{color:#ff7b72}:root[data-theme=dark] .chroma .kn{color:#ff7b72}:root[data-theme=dark] .chroma .kp{color:#79c0ff}:root[data-theme=dark] .chroma .kr{color:#ff7b72}:root[data-theme=dark] .chroma .kt{color:#ff7b72}:root[data-theme=dark] .chroma .nc{color:#f0883e;font-weight:700}:root[data-theme=dark] .chroma .no{color:#79c0ff;font-weight:700}:root[data-theme=dark] .chroma .nd{color:#d2a8ff;font-weight:700}:root[data-theme=dark] .chroma .ni{color:#ffa657}:root[data-theme=dark] .chroma .ne{color:#f0883e;font-weight:700}:root[data-theme=dark] .chroma .nl{color:#79c0ff;font-weight:700}:root[data-theme=dark] .chroma .nn{color:#ff7b72}:root[data-theme=dark] .chroma .nx{color:#e6edf3}:root[data-theme=dark] .chroma .py{color:#79c0ff}:root[data-theme=dark] .chroma .nt{color:#7ee787}:root[data-theme=dark] .chroma .nv{color:#79c0ff}:root[data-theme=dark] .chroma .vc{color:#79c0ff}:root[data-theme=dark] .chroma .vg{color:#79c0ff}:root[data-theme=dark] .chroma .vi{color:#79c0ff}:root[data-theme=dark] .chroma .vm{color:#79c0ff}:root[data-theme=dark] .chroma .nf{color:#d2a8ff;font-weight:700}:root[data-theme=dark] .chroma .fm{color:#d2a8ff;font-weight:700}:root[data-theme=dark] .chroma .l{color:#a5d6ff}:root[data-theme=dark] .chroma .ld{color:#79c0ff}:root[data-theme=dark] .chroma .s{color:#a5d6ff}:root[data-theme=dark] .chroma .sa{color:#79c0ff}:root[data-theme=dark] .chroma .sb{color:#a5d6ff}:root[data-theme=dark] .chroma .sc{color:#a5d6ff}:root[data-theme=dark] .chroma .dl{color:#79c0ff}:root[data-theme=dark] .chroma .sd{color:#a5d6ff}:root[data-theme=dark] .chroma .s2{color:#a5d6ff}:root[data-theme=dark] .chroma .se{color:#79c0ff}:root[data-theme=dark] .chroma .sh{color:#79c0ff}:root[data-theme=dark] .chroma .si{color:#a5d6ff}:root[data-theme=dark] .chroma .sx{color:#a5d6ff}:root[data-theme=dark] .chroma .sr{color:#79c0ff}:root[data-theme=dark] .chroma .s1{color:#a5d6ff}:root[data-theme=dark] .chroma .ss{color:#a5d6ff}:root[data-theme=dark] .chroma .m{color:#a5d6ff}:root[data-theme=dark] .chroma .mb{color:#a5d6ff}:root[data-theme=dark] .chroma .mf{color:#a5d6ff}:root[data-theme=dark] .chroma .mh{color:#a5d6ff}:root[data-theme=dark] .chroma .mi{color:#a5d6ff}:root[data-theme=dark] .chroma .il{color:#a5d6ff}:root[data-theme=dark] .chroma .mo{color:#a5d6ff}:root[data-theme=dark] .chroma .o{color:#ff7b72;font-weight:700}:root[data-theme=dark] .chroma .ow{color:#ff7b72;font-weight:700}:root[data-theme=dark] .chroma .or{color:#ff7b72;font-weight:700}:root[data-theme=dark] .chroma .c{color:#8b949e;font-style:italic}:root[data-theme=dark] .chroma .ch{color:#8b949e;font-style:italic}:root[data-theme=dark] .chroma .cm{color:#8b949e;font-style:italic}:root[data-theme=dark] .chroma .c1{color:#8b949e;font-style:italic}:root[data-theme=dark] .chroma .cs{color:#8b949e;font-weight:700;font-style:italic}:root[data-theme=dark] .chroma .cp{color:#8b949e;font-weight:700;font-style:italic}:root[data-theme=dark] .chroma .cpf{color:#8b949e;font-weight:700;font-style:italic}:root[data-theme=dark] .chroma .gd{color:#ffa198;background-color:#490202}:root[data-theme=dark] .chroma .ge{font-style:italic}:root[data-theme=dark] .chroma .gr{color:#ffa198}:root[data-theme=dark] .chroma .gh{color:#79c0ff;font-weight:700}:root[data-theme=dark] .chroma .gi{color:#56d364;background-color:#0f5323}:root[data-theme=dark] .chroma .go{color:#8b949e}:root[data-theme=dark] .chroma .gp{color:#8b949e}:root[data-theme=dark] .chroma .gs{font-weight:700}:root[data-theme=dark] .chroma .gu{color:#79c0ff}:root[data-theme=dark] .chroma .gt{color:#ff7b72}:root[data-theme=dark] .chroma .gl{text-decoration:underline}:root[data-theme=dark] .chroma .w{color:#6e7681}@media(prefers-color-scheme:dark){:root:not([data-theme]) .chroma{color:#e6edf3;-webkit-text-size-adjust:none}:root:not([data-theme]) .chroma .err{color:#f85149}:root:not([data-theme]) .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}:root:not([data-theme]) .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}:root:not([data-theme]) .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}:root:not([data-theme]) .chroma .hl{background-color:#6e7681}:root:not([data-theme]) .chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#737679}:root:not([data-theme]) .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6e7681}:root:not([data-theme]) .chroma .line{display:flex}:root:not([data-theme]) .chroma .k{color:#ff7b72}:root:not([data-theme]) .chroma .kc{color:#79c0ff}:root:not([data-theme]) .chroma .kd{color:#ff7b72}:root:not([data-theme]) .chroma .kn{color:#ff7b72}:root:not([data-theme]) .chroma .kp{color:#79c0ff}:root:not([data-theme]) .chroma .kr{color:#ff7b72}:root:not([data-theme]) .chroma .kt{color:#ff7b72}:root:not([data-theme]) .chroma .nc{color:#f0883e;font-weight:700}:root:not([data-theme]) .chroma .no{color:#79c0ff;font-weight:700}:root:not([data-theme]) .chroma .nd{color:#d2a8ff;font-weight:700}:root:not([data-theme]) .chroma .ni{color:#ffa657}:root:not([data-theme]) .chroma .ne{color:#f0883e;font-weight:700}:root:not([data-theme]) .chroma .nl{color:#79c0ff;font-weight:700}:root:not([data-theme]) .chroma .nn{color:#ff7b72}:root:not([data-theme]) .chroma .nx{color:#e6edf3}:root:not([data-theme]) .chroma .py{color:#79c0ff}:root:not([data-theme]) .chroma .nt{color:#7ee787}:root:not([data-theme]) .chroma .nv{color:#79c0ff}:root:not([data-theme]) .chroma .vc{color:#79c0ff}:root:not([data-theme]) .chroma .vg{color:#79c0ff}:root:not([data-theme]) .chroma .vi{color:#79c0ff}:root:not([data-theme]) .chroma .vm{color:#79c0ff}:root:not([data-theme]) .chroma .nf{color:#d2a8ff;font-weight:700}:root:not([data-theme]) .chroma .fm{color:#d2a8ff;font-weight:700}:root:not([data-theme]) .chroma .l{color:#a5d6ff}:root:not([data-theme]) .chroma .ld{color:#79c0ff}:root:not([data-theme]) .chroma .s{color:#a5d6ff}:root:not([data-theme]) .chroma .sa{color:#79c0ff}:root:not([data-theme]) .chroma .sb{color:#a5d6ff}:root:not([data-theme]) .chroma .sc{color:#a5d6ff}:root:not([data-theme]) .chroma .dl{color:#79c0ff}:root:not([data-theme]) .chroma .sd{color:#a5d6ff}:root:not([data-theme]) .chroma .s2{color:#a5d6ff}:root:not([data-theme]) .chroma .se{color:#79c0ff}:root:not([data-theme]) .chroma .sh{color:#79c0ff}:root:not([data-theme]) .chroma .si{color:#a5d6ff}:root:not([data-theme]) .chroma .sx{color:#a5d6ff}:root:not([data-theme]) .chroma .sr{color:#79c0ff}:root:not([data-theme]) .chroma .s1{color:#a5d6ff}:root:not([data-theme]) .chroma .ss{color:#a5d6ff}:root:not([data-theme]) .chroma .m{color:#a5d6ff}:root:not([data-theme]) .chroma .mb{color:#a5d6ff}:root:not([data-theme]) .chroma .mf{color:#a5d6ff}:root:not([data-theme]) .chroma .mh{color:#a5d6ff}:root:not([data-theme]) .chroma .mi{color:#a5d6ff}:root:not([data-theme]) .chroma .il{color:#a5d6ff}:root:not([data-theme]) .chroma .mo{color:#a5d6ff}:root:not([data-theme]) .chroma .o{color:#ff7b72;font-weight:700}:root:not([data-theme]) .chroma .ow{color:#ff7b72;font-weight:700}:root:not([data-theme]) .chroma .or{color:#ff7b72;font-weight:700}:root:not([data-theme]) .chroma .c{color:#8b949e;font-style:italic}:root:not([data-theme]) .chroma .ch{color:#8b949e;font-style:italic}:root:not([data-theme]) .chroma .cm{color:#8b949e;font-style:italic}:root:not([data-theme]) .chroma .c1{color:#8b949e;font-style:italic}:root:not([data-theme]) .chroma .cs{color:#8b949e;font-weight:700;font-style:italic}:root:not([data-theme]) .chroma .cp{color:#8b949e;font-weight:700;font-style:italic}:root:not([data-theme]) .chroma .cpf{color:#8b949e;font-weight:700;font-style:italic}:root:not([data-theme]) .chroma .gd{color:#ffa198;background-color:#490202}:root:not([data-theme]) .chroma .ge{font-style:italic}:root:not([data-theme]) .chroma .gr{color:#ffa198}:root:not([data-theme]) .chroma .gh{color:#79c0ff;font-weight:700}:root:not([data-theme]) .chroma .gi{color:#56d364;background-color:#0f5323}:root:not([data-theme]) .chroma .go{color:#8b949e}:root:not([data-theme]) .chroma .gp{color:#8b949e}:root:not([data-theme]) .chroma .gs{font-weight:700}:root:not([data-theme]) .chroma .gu{color:#79c0ff}:root:not([data-theme]) .chroma .gt{color:#ff7b72}:root:not([data-theme]) .chroma .gl{text-decoration:underline}:root:not([data-theme]) .chroma .w{color:#6e7681}}