Fix colors.

Author: VillePihlava

app/component/itinerary/LegInfo.js

@@ -56,7 +56,7 @@ export default function LegInfo({
         className={`line ${mode}`}
         mode={mode}
         alertSeverityLevel={alertSeverityLevel}
-        color={leg.route.color ? `#${leg.route.color}` : 'currentColor'}
+        color={leg.route.color ? `#${leg.route.color}` : undefined}
         text={leg.route && leg.route.shortName}
         realtime={false}
         withBar
@@ -119,7 +119,7 @@ export default function LegInfo({
             <RouteNumber
               mode={mode}
               alertSeverityLevel={alertSeverityLevel}
-              color={leg.route?.color ? `#${leg.route.color}` : 'currentColor'}
+              color={leg.route?.color ? `#${leg.route.color}` : undefined}
               text={leg.route.shortName || leg.trip?.tripShortName}
               realtime={false}
               withBar

app/component/itinerary/TransitLeg.js

@@ -190,7 +190,7 @@ class TransitLeg extends React.Component {
         return (
           <IntermediateLeg
             placesCount={places.length}
-            color={leg.route?.color ? `#${leg.route.color}` : 'currentColor'}
+            color={leg.route?.color ? `#${leg.route.color}` : undefined}
             key={place.stop.gtfsId}
             gtfsId={place.stop.gtfsId}
             mode={mode}
@@ -495,7 +495,7 @@ class TransitLeg extends React.Component {
         <ItineraryCircleLine
           index={index}
           modeClassName={modeClassName}
-          color={leg.route?.color ? `#${leg.route.color}` : 'currentColor'}
+          color={leg.route?.color ? `#${leg.route.color}` : undefined}
           renderBottomMarker={
             !this.state.showIntermediateStops ||
             (leg.intermediatePlaces.length === 0 && interliningLegs.length < 1)
@@ -506,7 +506,7 @@ class TransitLeg extends React.Component {
         />
         <div
           style={{
-            color: leg.route?.color ? `#${leg.route.color}` : 'currentColor',
+            color: leg.route?.color ? `#${leg.route.color}` : undefined,
           }}
           className={cx(
             'small-9 columns itinerary-instruction-column',

app/component/map/route/PopupHeader.js

@@ -43,7 +43,7 @@ export default function PopupHeader({
           card={card}
           mode={mode}
           text={routeLine}
-          color={route.color ? `#${route.color}` : 'currentColor'}
+          color={route.color ? `#${route.color}` : undefined}
         />
         {startTimeEl}
       </h1>