fix: class prefix for chroma e2c6bf2f
Steve Simkins · 2026-05-20 22:42 2 file(s) · +62 −62
apps/sipp/server/server.go +1 −1
78 78
	if style == nil {
79 79
		style = styles.Fallback
80 80
	}
81 -
	formatter := html.New(html.Standalone(false), html.WithClasses(true), html.ClassPrefix("chroma-"))
81 +
	formatter := html.New(html.Standalone(false), html.WithClasses(true))
82 82
	iterator, err := lexer.Tokenise(nil, content)
83 83
	if err != nil {
84 84
		escaped := strings.NewReplacer("&", "&amp;", "<", "&lt;", ">", "&gt;").Replace(content)
apps/sipp/server/static/styles.css +61 −61
85 85
  color: var(--ansi7);
86 86
}
87 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; }
88 +
.chroma .c,
89 +
.chroma .ch,
90 +
.chroma .cm,
91 +
.chroma .c1,
92 +
.chroma .cs,
93 +
.chroma .cp,
94 +
.chroma .cpf { color: var(--ansi4); font-style: italic; }
95 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); }
96 +
.chroma .k,
97 +
.chroma .kc,
98 +
.chroma .kd,
99 +
.chroma .kn,
100 +
.chroma .kp,
101 +
.chroma .kr,
102 +
.chroma .kt { color: var(--ansi3); }
103 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); }
104 +
.chroma .s,
105 +
.chroma .sa,
106 +
.chroma .sb,
107 +
.chroma .sc,
108 +
.chroma .dl,
109 +
.chroma .sd,
110 +
.chroma .s2,
111 +
.chroma .se,
112 +
.chroma .sh,
113 +
.chroma .si,
114 +
.chroma .sx,
115 +
.chroma .sr,
116 +
.chroma .s1,
117 +
.chroma .ss { color: var(--ansi2); }
118 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); }
119 +
.chroma .m,
120 +
.chroma .mb,
121 +
.chroma .mf,
122 +
.chroma .mh,
123 +
.chroma .mi,
124 +
.chroma .il,
125 +
.chroma .mo { color: var(--ansi3); }
126 126
127 -
.chroma .chroma-nf,
128 -
.chroma .chroma-fm { color: var(--ansi1); }
127 +
.chroma .nf,
128 +
.chroma .fm { color: var(--ansi1); }
129 129
130 -
.chroma .chroma-nc,
131 -
.chroma .chroma-nn,
132 -
.chroma .chroma-no,
133 -
.chroma .chroma-nd { color: var(--ansi1); }
130 +
.chroma .nc,
131 +
.chroma .nn,
132 +
.chroma .no,
133 +
.chroma .nd { color: var(--ansi1); }
134 134
135 -
.chroma .chroma-nb,
136 -
.chroma .chroma-bp { color: var(--ansi2); }
135 +
.chroma .nb,
136 +
.chroma .bp { color: var(--ansi2); }
137 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); }
138 +
.chroma .n,
139 +
.chroma .nv,
140 +
.chroma .vc,
141 +
.chroma .vg,
142 +
.chroma .vi,
143 +
.chroma .nx,
144 +
.chroma .py { color: var(--ansi7); }
145 145
146 -
.chroma .chroma-o,
147 -
.chroma .chroma-ow,
148 -
.chroma .chroma-p { color: var(--ansi6); }
146 +
.chroma .o,
147 +
.chroma .ow,
148 +
.chroma .p { color: var(--ansi6); }
149 149
150 -
.chroma .chroma-nt { color: var(--ansi3); }
151 -
.chroma .chroma-na { color: var(--ansi1); }
150 +
.chroma .nt { color: var(--ansi3); }
151 +
.chroma .na { color: var(--ansi1); }
152 152
153 -
.chroma .chroma-err { color: var(--ansi3); background: transparent; }
153 +
.chroma .err { color: var(--ansi3); background: transparent; }
154 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; }
155 +
.chroma .gd { color: var(--ansi3); }
156 +
.chroma .gi { color: var(--ansi1); }
157 +
.chroma .gh { color: var(--ansi2); font-weight: bold; }
158 158
159 -
.chroma .chroma-ln,
160 -
.chroma .chroma-lnt { color: var(--ansi5); }
159 +
.chroma .ln,
160 +
.chroma .lnt { color: var(--ansi5); }
161 161
162 162
/* Viewer action row */
163 163