Outline color looks pale

[soruly]

The original image

The subtitle displayed

The subtitle file

[Script Info]
Title: プラスティック・メモリーズ #01 予告
Original Script: FLsnow
PlayResX: 1280
PlayResY: 720
ScaledBorderAndShadow: yes
ScriptType: v4.00+

[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: Default,SimHei,46,&H00FBFBFB,&H000000FF,&H00B89144,&H96000000,0,0,0,0,100,100,1,0,1,1.66667,1,2,15,15,20,1

[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.26,0:00:04.44,Default,,0,0,0,,大家好 我是終末服務課的絹島美智瑠

[soruly]

Referring to this issue awgreenblatt/gradientmaps#1
It looks like it's something related to color-interpolation-filters on feComponentTransfer
A quick fix would be like:

var coloredSource = document.createElementNS("http://www.w3.org/2000/svg", "feComponentTransfer");
coloredSource.setAttribute("color-interpolation-filters","sRGB");
filterElement.appendChild(coloredSource);

The result:

[Arnavion]

Ah, that link confused me initially, but I understand it now. It's not that Chrome is doing the wrong thing by defaulting to linearRGB. There are two properties color-interpolation and color-interpolation-filters, where the former defaults to sRGB and the latter to linearRGB.