This application consist of 2 reusable web-blocks which can be used to display the custom UI list designs having circles & icons combination.

I have used static entity just to display the demo data & added additional attribute in static entity to holds icons definition eg: "fa fa-html5", you can use your own custom icon definition for each list item.

Web-blocks CSS consists of colour definition for each list item(eg: .customlistitem1, customlistitem2, customlistitem3, & .customlistDefault ), which can be easily modify by based upon your choice, also consist of default colour class for list item.