# Perspective graphic outline color darker than fill

**URL:** <https://forum.inductiveautomation.com/t/perspective-graphic-outline-color-darker-than-fill/59905>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [May 23, 2022, 1:14pm UTC](https://forum.inductiveautomation.com/t/perspective-graphic-outline-color-darker-than-fill/59905 "2022-05-23T13:14:35Z")\
**Posts on this page:** 1\
**Showing post:** 22

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 24, 2022, 9:17am UTC](https://forum.inductiveautomation.com/t/perspective-graphic-outline-color-darker-than-fill/59905/22 "2022-05-24T09:17:18Z")

</div>

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

> <https://stackoverflow.com/questions/42443730/using-svg-filter-to-create-an-inside-stroke>

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.

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-graphic-outline-color-darker-than-fill/59905)._