Stars in Dark background gets something like light border

[jd-solanki]

Hello,

I have used your star component it is awesome. However, I am getting UI issue when dark background is used.

Please check this image:

I also get white stroke in yellow stars, if size is small. Try changing code for glowing stars in your jsfiddle example to below code.

  <h2>Glowing Stars</h2>
  <div style="background:#000;padding-bottom:10px;">

    <star-rating :star-size="20"></star-rating>
  </div>

Result shade of light grey or white:

I am also getting same in my project which is live. You can check how it looks in below image.

However, this might looks tiny issue but if we use dark theme in our app as eveybody loves now a days it brings this issue.

Awesome Component BTW.
Waiting for your response.

~ Regards

[ivansteff]

+I have same problem

[Aurion72]

I have it too

[cj4luv]

vue-star-rating/src/star.vue

Line 17 in 6122c15

<polygon :points="starPointsToString" :fill="getGradId" :stroke="glowColor"

this line stroke prop name glowColor

you can set custom color

example
<star-rating :glowColor="#000000"></star-rating>

[craigh411]

Fixed in version 1.6.3