JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="bars">
        <a>Marathon Men and Women</a>
    </li>   
    
    <li class="bars">
        <a>Marathon Men and Women</a>
    </li>   
    
    <li class="bars">
        <a>Marathon Men and Women</a>
    </li>   
    
    <li class="bars">
        <a>Marathon Men and Women</a>
    </li>   
    
    <li class="bars">
        <a>Marathon Men and Women</a>
    </li>   
</ul>

CSS

.bars{
    border-left-style: solid; 
    border-left-width: 4px;
    padding-left: 10px;
}

ul{
    list-style-type: none;
}

JavaScript

$(document).ready(function(){
    var colors = ["#CCCCCC","#333333","#990099"];                
    $('.bars').each(function() {
        var rand = Math.floor(Math.random()*colors.length);
        $(this).css("border-left-color", colors[rand]);
    });
});