Left: PineGrow 6.1
Right: Chrome 99
I was doing some CSS art in PineGrow and I noticed that the filters give very different results in Chrome. Provided the pictures above to see the difference between basically all the filters, but shown are multiply, color-dodge and lighten.
The image behind the CSS-art is actually the problem-starter; it renders differently in PineGrow and Chrome, and maybe it’s due to double opacity problems using hsla() and opacity: 0.9, but that shouldn’t matter in the end of the day as I believe PineGrow uses Chromium under the hood.
Second, the default typography of PineGrow is out of Sync with the default typography of MacOS. You can see that from the H1 title above the image.
I’m currently running High Sierra and it uses Helvetica Neue, but maybe PineGrow sets it’s own default rather than the OS default.
If you need more information @matjaz or anyone at PineGrow (codepen), than let me know so you can investigate. But if you want to set it up yourself, use a b&w image and draw some CSS shapes on top and see for yourself.