Fill property not being respected on text

[OptimisticPeach]

I apologize if another issue already covers this; I'm not super knowledgeable about the SVG spec, so I'm not quite sure what should cover this.

I've got an SVG with coloured text, generated by Typst:

(Hopefully you should be able to use the above to get back an SVG file? If not let me know and I'll figure out another way -- perhaps a zip file?)

As you can see in the GitHub preview, the text is white & red, however when rendered with resvg, I get:

I'm not entirely sure if this is an error on my part, or if this is a bug in resvg.

My code essentially amounts to:

let tree = Tree::from_data(svg.as_bytes(), &Options::default())?;
let mut buffer = Pixmap::new(...);

buffer.data_mut().fill(0); // resetting from a previous render

let size = tree.size();

let transform = Transform::from_scale(
    buffer.width() as f32 / size.width(),
    buffer.height() as f32 / size.height(),
);

resvg::render(
    &tree,
    transform,
    &mut buffer,
);

[LaurenzV]

I haven’t checked yet, but it’s probably that the SVG uses a color type that isn’t currently supported by us (like oklab). Therefore, it falls back to black.

[RazrFalcon]

If you enable logging, you would see:

Warning (in usvg::parser::style:159): Failed to parse fill value: 'var(--glyph_fill)'. Fallback to black.
Warning (in usvg::parser::style:165): Failed to parse stroke value: 'var(--glyph_stroke)'. Fallback to no stroke.

CSS variables are not supported.

[OptimisticPeach]

Ah, that makes sense... I guess I'll try to figure out a way to get Typst to not generate code which uses css variables.

Thanks!

(I'm not sure if you want to leave this issue open; on the one hand this repo is also used for usvg, but on the other hand usvg explicitly states lightweight css support)