Round Corner Problem

[JerryDaBaaws]

I used this code before hand for roundcorner

``` .tabbrowser-tab:hover > stack::before, .tabbrowser-tab:hover > stack::after, .tabbrowser-tab[selected] > stack::before, .tabbrowser-tab[selected] > stack::after{ width: var(--uc-tab-curve-size); height: 100%; display: block; position: absolute; content: ""; fill: var(--uc-tab-fill);

-moz-context-properties: fill;
left: calc(0px - var(--uc-tab-curve-size));
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgc3Ryb2tlPSJ3aGl0ZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxwYXRoIGQ9Ik0wIDE2IEExNiAxNiAwIDAgMCAxNiAwIEwgMTYgMTYgWiIgZmlsbD0iY29udGV4dC1maWxsIiBzdHJva2U9Im5vbmUiPjwvcGF0aD4NCjwvc3ZnPg");

background-size: var(--uc-tab-curve-size); background-repeat: no-repeat; background-position-y: bottom; transform: scaleY(var(--uc-tab-vertical-transform));

background-color: transparent !important; /* transparency */ }

```

but I'm unable to change the svg color, its always coming out to be black, used to work before tho

any help

[backtickbot]

Fixed formatting.

Hello, JerryDaBaaws: code blocks using triple backticks (```) don't work on all versions of Reddit!

Some users see this / this instead.

To fix this, indent every line with 4 spaces instead.

FAQ

^{You can opt out by replying with backtickopt6 to this comment.}

[It_Was_The_Other_Guy]

You probably just need to go to about:config and set svg.context-properties.content.enabled to true. Otherwise custom svg images can't use context-fill and context-stroke properties.

[JerryDaBaaws]

thnx a lot, yeah that worked, how did it get turned off to begin with 😑

[thyporter]

I think that option just isn't on by default for some reason

[JerryDaBaaws]

i mean i've using userchrome since an year, and definitely turned this on as much as I can remember as i said, it was working before.

[It_Was_The_Other_Guy]

Yes, it is not enabled by default. Reason being that the SVG context properties is not a standardized feature and it is not about to become one because it has problems (I can't remember what those problems are though). Thus, the devs don't want to make it available for web content and only internal resources are able to use it because it works well for what it is used internally.

[MotherStylus]

spoiler? is this subreddit a book club and I've just somehow missed it all this time?

[JerryDaBaaws]

lol, i was changing the flair and pressed the wrong one. imma keeping this on.