chore: updated colorscheme for sipp
1f5e0ea9
2 file(s) · +93 −1
| 78 | 78 | if style == nil { |
|
| 79 | 79 | style = styles.Fallback |
|
| 80 | 80 | } |
|
| 81 | - | formatter := html.New(html.Standalone(false), html.WithClasses(false)) |
|
| 81 | + | formatter := html.New(html.Standalone(false), html.WithClasses(true), html.ClassPrefix("chroma-")) |
|
| 82 | 82 | iterator, err := lexer.Tokenise(nil, content) |
|
| 83 | 83 | if err != nil { |
|
| 84 | 84 | escaped := strings.NewReplacer("&", "&", "<", "<", ">", ">").Replace(content) |
| 67 | 67 | border: none; |
|
| 68 | 68 | } |
|
| 69 | 69 | ||
| 70 | + | /* Chroma syntax highlighting — custom ansi palette */ |
|
| 71 | + | ||
| 72 | + | :root { |
|
| 73 | + | --ansi0: #121113; |
|
| 74 | + | --ansi1: #5f8787; |
|
| 75 | + | --ansi2: #fbcb97; |
|
| 76 | + | --ansi3: #e78a53; |
|
| 77 | + | --ansi4: #888888; |
|
| 78 | + | --ansi5: #999999; |
|
| 79 | + | --ansi6: #aaaaaa; |
|
| 80 | + | --ansi7: #c1c1c1; |
|
| 81 | + | } |
|
| 82 | + | ||
| 83 | + | .chroma { |
|
| 84 | + | background: var(--ansi0); |
|
| 85 | + | color: var(--ansi7); |
|
| 86 | + | } |
|
| 87 | + | ||
| 88 | + | .chroma .chroma-c, |
|
| 89 | + | .chroma .chroma-ch, |
|
| 90 | + | .chroma .chroma-cm, |
|
| 91 | + | .chroma .chroma-c1, |
|
| 92 | + | .chroma .chroma-cs, |
|
| 93 | + | .chroma .chroma-cp, |
|
| 94 | + | .chroma .chroma-cpf { color: var(--ansi4); font-style: italic; } |
|
| 95 | + | ||
| 96 | + | .chroma .chroma-k, |
|
| 97 | + | .chroma .chroma-kc, |
|
| 98 | + | .chroma .chroma-kd, |
|
| 99 | + | .chroma .chroma-kn, |
|
| 100 | + | .chroma .chroma-kp, |
|
| 101 | + | .chroma .chroma-kr, |
|
| 102 | + | .chroma .chroma-kt { color: var(--ansi3); } |
|
| 103 | + | ||
| 104 | + | .chroma .chroma-s, |
|
| 105 | + | .chroma .chroma-sa, |
|
| 106 | + | .chroma .chroma-sb, |
|
| 107 | + | .chroma .chroma-sc, |
|
| 108 | + | .chroma .chroma-dl, |
|
| 109 | + | .chroma .chroma-sd, |
|
| 110 | + | .chroma .chroma-s2, |
|
| 111 | + | .chroma .chroma-se, |
|
| 112 | + | .chroma .chroma-sh, |
|
| 113 | + | .chroma .chroma-si, |
|
| 114 | + | .chroma .chroma-sx, |
|
| 115 | + | .chroma .chroma-sr, |
|
| 116 | + | .chroma .chroma-s1, |
|
| 117 | + | .chroma .chroma-ss { color: var(--ansi2); } |
|
| 118 | + | ||
| 119 | + | .chroma .chroma-m, |
|
| 120 | + | .chroma .chroma-mb, |
|
| 121 | + | .chroma .chroma-mf, |
|
| 122 | + | .chroma .chroma-mh, |
|
| 123 | + | .chroma .chroma-mi, |
|
| 124 | + | .chroma .chroma-il, |
|
| 125 | + | .chroma .chroma-mo { color: var(--ansi3); } |
|
| 126 | + | ||
| 127 | + | .chroma .chroma-nf, |
|
| 128 | + | .chroma .chroma-fm { color: var(--ansi1); } |
|
| 129 | + | ||
| 130 | + | .chroma .chroma-nc, |
|
| 131 | + | .chroma .chroma-nn, |
|
| 132 | + | .chroma .chroma-no, |
|
| 133 | + | .chroma .chroma-nd { color: var(--ansi1); } |
|
| 134 | + | ||
| 135 | + | .chroma .chroma-nb, |
|
| 136 | + | .chroma .chroma-bp { color: var(--ansi2); } |
|
| 137 | + | ||
| 138 | + | .chroma .chroma-n, |
|
| 139 | + | .chroma .chroma-nv, |
|
| 140 | + | .chroma .chroma-vc, |
|
| 141 | + | .chroma .chroma-vg, |
|
| 142 | + | .chroma .chroma-vi, |
|
| 143 | + | .chroma .chroma-nx, |
|
| 144 | + | .chroma .chroma-py { color: var(--ansi7); } |
|
| 145 | + | ||
| 146 | + | .chroma .chroma-o, |
|
| 147 | + | .chroma .chroma-ow, |
|
| 148 | + | .chroma .chroma-p { color: var(--ansi6); } |
|
| 149 | + | ||
| 150 | + | .chroma .chroma-nt { color: var(--ansi3); } |
|
| 151 | + | .chroma .chroma-na { color: var(--ansi1); } |
|
| 152 | + | ||
| 153 | + | .chroma .chroma-err { color: var(--ansi3); background: transparent; } |
|
| 154 | + | ||
| 155 | + | .chroma .chroma-gd { color: var(--ansi3); } |
|
| 156 | + | .chroma .chroma-gi { color: var(--ansi1); } |
|
| 157 | + | .chroma .chroma-gh { color: var(--ansi2); font-weight: bold; } |
|
| 158 | + | ||
| 159 | + | .chroma .chroma-ln, |
|
| 160 | + | .chroma .chroma-lnt { color: var(--ansi5); } |
|
| 161 | + | ||
| 70 | 162 | /* Viewer action row */ |
|
| 71 | 163 | ||
| 72 | 164 | .button-group { |