colored arrows depending on direction