I'm developing a web application which is basically using 2(3) colors:

* Magenta
* White
* Grey-scales

The app is a register for local artists and therofre, the users can rate them.

Currently I'm only displaying the reached stars as grey full/half stars.

[![enter image description here](https://i.stack.imgur.com/g2ATG.png)](https://i.stack.imgur.com/g2ATG.png)

Now I saw it with some sample rows and it looked like they haven't got a star yet (intuitive: grey = bad).

Do you think I should display all 5 grey stars a background and highlight the achieved ones in magenta?

The theme is overall flat and sterile, so will this be too intrusive?

[![enter image description here](https://i.stack.imgur.com/9tJoW.png)](https://i.stack.imgur.com/9tJoW.png)

Because I fear, the bottom of a row will visually dominate the rest, as there are now the rows with the tags and the rating stars.