How can I change the svg that gets rendered as an error? This is what the CSS looks like but I can’t seem to remove it, change or replace it. if I define .cm-lintRange-error myself.
.ͼ1 .cm-lintRange-error {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22%23d11%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>');
Edit:
I figured it out:
[class*='cm-lintRange-error'] {
/* option 1, change the image */
/* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22%23ef4444%22%20fill%3D%22none%22%20stroke-width%3D%221.9%22%2F%3E</svg>') !important; */
/* option 2 with tailwind */
background-image: none !important;
@apply underline underline-offset-2 decoration-wavy stroke-2 decoration-red-500 decoration-[1.2px] !important;
}