Thanks, now it will be easier for both of us.
I hope you read in Helix documenation on how to use Custom CSS in Helix based templates, if not - do it now.
/* Color 1 */
#sp-top-bar .social-icons li a {color: white;}
#sp-top-bar .social-icons li a:hover {color: lightgray;}
/* Color 2 */
#sp-top-bar .menu li a {color: white; opacity: 1;}
#sp-top-bar .menu li a:hover, #sp-top-bar .menu li a:focus {color: lightgray;}
/* Color 3 */
.secondary-menu .menu li a {color: black; opacity: 1;}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {color: black;}
/* Color 4 */
.articles-infinte-scroller .sppb-addon-title {background: black;}
About 5 - green star, please replace that image with different one using that same location, type and filename:
templates/livesports/images/infinite-svg.svg
you can also upload/use 1x1px image (transparent) to hide it. Or use football icon (16x16px).
Now all seems to be easy to implement on your side.