Is your feature request related to a problem? Please describe.
When creating image occlusion masks for image occlusion cards (not enhanced cards), the masks seem to appear slightly blurry and jagged around the edges. There is also very poor contrast between the mask edge and the background in dark mode . I am using Ubuntu 22.04 and have installed it as recommended in the manual. Below is a picture to show what I mean about the line’s poor quality:
The screenshot has been taken during a review of cards in light mode. This is also visible in the browser. In dark mode, there also is very little contrast between the border and the background:
Describe the solution you’d like
I would like it so that the edge is not jagged and blurry. It should be a smooth solid line, like what would be possible if the masks were SVGs. In dark mode, the mask colour should slightly lighten so that there is contrast between the background and the mask (an example colour could be the one of the text on the screen which is #808080 or a much lighter grey/white could be chosen as a default)
Describe alternatives you’ve considered
I think but I am not sure that anki is not using SVGs for this internally from this pull request. If that is the case, such a element which is both smooth and can change colour will be harder. With an SVG, you can use currentColor or even:
@media (prefers-color-scheme:dark) {
:root {
<!--dark mode only set of colours can go here-->
}
}
These methods may differ in their ability to work if the svgs are not inlined but are in an <img> tag.
