yeah the stroke color does not know about the fill color.
Also the svg stroke is different than the html border
you could create something with an opacity which would overlay on the fill. but that will require you to edit the svg as svg’s filters work different than just adding some css.
in this post the soloution, you could make the red invisible and the blue a transaparent grey, which would result in a darker “inside” border. but this requires you to make some changes to the svg. you need to add the svg def filters
Edit actually… you might get away with just creating the svg filter def as a seperate component and add it with css and the id tag…Not sure if perspective can do this though. ill check this out a bit later.