title: Change color of the itinirary with leaflet-routing-machine
body: <p>how it is possible to change the color of the itinirary from red to another color with the leaflet routing machine library ? I have to change the styles option with the L.Routing.Line, but I don't know how. <a href="http://www.liedman.net/leaflet-routing-machine/api/" rel="nofollow noreferrer">http://www.liedman.net/leaflet-routing-machine/api/</a></p>
  
  <pre><code>import L from 'leaflet';
  
  class CarteController {
    /* @ngInject */
    constructor($http) {
      this.name = 'carte';
      this.$http = $http;
  
      this.map = L.map('map');
  
      L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}{r}.png', {
        attribution: '© OpenStreetMap contributors'
      }).addTo(this.map);
  
      const control = L.Routing.control({
        waypoints: [
          L.latLng(45.750000, 4.850000),
          L.latLng(45.188529, 5.724523999999974),
          L.latLng(45.00, 5.74)
        ],
        routeWhileDragging: true,
        geocoder: L.Control.Geocoder.photon()
      });
      control.addTo(this.map);
      control.on('waypointschanged', () =&gt; {
        console.log(control._routes[0].summary.totalDistance);
        this.distance = `${Math.round(control._routes[0].summary.totalDistance / 1000)} km`;
        this.temps = this.secondsToHm(control._routes[0].summary.totalTime);
      });
  
      new L.Routing.Plan({
        geocoderPlaceholder: (i, numberWaypoints) =&gt; {
          return i === 0 ?
            'Départ' :
            (i &lt; numberWaypoints - 1 ?
              `Via ${i}` :
              'Arrivée');
        }
      }).addTo(this.map);
    }
  
    secondsToHm(d) {
      console.log(d);
      d = Number(d);
      const h = Math.floor(d / 3600);
      const m = Math.floor(d % 3600 / 60);
      return ((h &gt; 0 ? h + " h " + (m &lt; 10 ? "0" : "") : "") + m + " min"); // eslint-disable-line
    }
  }
  
  export default CarteController;
  </code></pre>