Add more pronounced colors

templates/faceshieldrequest_list.html

@@ -6,15 +6,15 @@
   <a class="icon" role="button" data-toggle="popover" data-html="true" data-content="<b>Extras:</b><br />{{ row.extra or '' }}<hr><b>Remarks:</b><br />{{ row.remarks or '' }}"><span class="glyphicon glyphicon-comment"></span></a>
   {% if row.shipping_id %}
   {% set color = {
-    'new': 'text-primary',
-    'booked': 'text-info',
-    'collected': 'text-warning',
-    'inDelivery': 'text-warning',
-    'delivered': 'text-success',
-    'returned': 'text-danger',
-  }.get(row.shipment_status.name, 'text-default') %}
+    'new': '#337ab7',
+    'booked': '#820990',
+    'collected': 'orange',
+    'inDelivery': 'orange',
+    'delivered': 'green',
+    'returned': 'red',
+  }.get(row.shipment_status.name, 'black') %}
   <a class="icon" data-target="#fa_modal_window" title="View tracking ({{ row.shipment_status.name }})" href="{{ url_for('faceshieldrequest.tracking', id=row.id) }}" data-toggle="modal">
-    <span class="fa fa-eye glyphicon glyphicon-plane {{ color }}"></span>
+    <span class="fa fa-eye glyphicon glyphicon-plane" style="color:{{color}}"></span>
   </a>
   {% endif %}
 {% endblock %}