JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.js"></script>
<div ng-app="app" ng-controller="dummy">
     <li id="list_icon"><a href="#" id="anchor" ng-class="color"><i class={{icon}}></i> {{name}} {{color}}</a></li>
</div>

CSS

li a{
  background-color: red !important;
  border: 1px solid red !important;
}

li a:before{
border-left-color: red !important;
}

.green {
    background-color: green !important;
    border: 1px solid green !important;
}

JavaScript

var app = angular.module("app", []);
app.controller('dummy', ['$scope', function ($scope) {
    $scope.color = 'blue';
}]);