scour changes colour (CSS)

[JoKalliauer]

Processing https://commons.wikimedia.org/wiki/File:2016_Angola_and_DR_Congo_yellow_fever_outbreak.svg
changes colour:

$ scour 2016_Angola_and_DR_Congo_yellow_fever_outbreak.svg output.svg

Input:

Output:

minimal working example:
Input:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg id="svg20" width="57.249" height="57.119" version="1.1" viewBox="82.992 45.607 56.547 62.09" xmlns="http://www.w3.org/2000/svg">
 <style id="style2" type="text/css">.landxx
{
   fill: #e0e0e0;
}</style>
 <path class="landxx ke" d="m73.956 89.432c-7.828-15.27 2.175-34.73 17.328-40.886 12.51-5.798 28.9-2.052 36.587 9.6848 12.48 17.52 0.604 45.97-20.802 48.959-13.3 1.759-27.35-5.67-33.159-17.803" style="fill:#7b7bff"/>
</svg>

output:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg id="svg20" width="57.249" height="57.119" version="1.1" viewBox="82.992 45.607 56.547 62.09" xmlns="http://www.w3.org/2000/svg">
 <style id="style2" type="text/css">.landxx
{
   fill: #e0e0e0;
}</style>
 <path class="landxx ke" d="m73.956 89.432c-7.828-15.27 2.175-34.73 17.328-40.886 12.51-5.798 28.9-2.052 36.587 9.6848 12.48 17.52 0.604 45.97-20.802 48.959-13.3 1.759-27.35-5.67-33.159-17.803" fill="#7b7bff"/>
</svg>

The images are created by Inkscape, in Google Chrome and Firefox they look similar.

[Ede123]

Yet another symptom of #174 (how many more of those do you want to file? ;-) )

As a workaround you could use --disable-style-to-xml

[JoKalliauer]

A better minimal example:

scour -i input.svg.txt -o output.svg.txt

Input

input.svg.txt

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
 <style type="text/css">.landxx { fill: #e0e0e0}</style>
 <circle class="landxx cd" cx="50" cy="50" r="45" style="fill:#f00"/>
</svg>

Output

output.svg.txt

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
 <style type="text/css">.landxx { fill: #e0e0e0}</style>
 <circle class="landxx cd" cx="50" cy="50" r="45" fill="#f00"/>
</svg>

Difference

style="fill:#f00" is changed to fill="#f00". and it seems that style= has a higher priority than class=&<style and fill=has a lower priority, therfore handling conflicting informations can lead to renderdifferences.