dba_afish said:
have you messed around with the feather/blur radius of filter:drop-shadow()? that's...

....................this value -v
{ filter: drop-shadow(black 0 0 1px) }

stacking a few of those looks alright. if you only can only use whole pixel values for that as well, you can do something like this:

svg, .nav-logo a.nav-logo-link { filter: drop-shadow(var(--color-section) 0 0 1px) drop-shadow(var(--color-section) 0 0 1px) drop-shadow(var(--color-section) 0 0 1px); }

with smaller values and more stacked shadows it looks slightly more like a clean stroke. (but again, multiple filters tends to cause lag, especially with complex SVG)

That was (and still is) literally my current solution. I hate how you can't turn blue to 0 and spread to 1
Also you can't stack the same color (at least on my machine), you have to change a couple bits

SNPtheCat said:
That was (and still is) literally my current solution. I hate how you can't turn blue to 0 and spread to 1
Also you can't stack the same color (at least on my machine), you have to change a couple bits

trying to see if I can recreate the problems you've got.

I downloaded a WebKit-based browser, Dolphin Browser, so that I could compare Firefox (which I normally use), Chromium, and WebKit.

aaand... I'm not able to recreate any of the problems that you're experiencing, unfortunately.

I am, however, seeing an entirely different weird bug with the drop-shadow filter, so that's great. these were all the same settings (4 drop-shadows, offset diagonally by .33x.33px in each direction), zoomed in as far as the browsers would allow. both Chrome and Dolphin have a weird additional -.33px offset in the x and y directions for some strange reason. (text shadows and borders both render fine on all three.)