2 files changed, 47 insertions, 12 deletions

diff --git a/sass/src/common/local.scss b/sass/src/common/local.scss
index c3fe29c..140f6c1 100644
--- a/sass/src/common/local.scss
+++ b/sass/src/common/local.scss
@@ -122,12 +122,12 @@ ul.suggestions {
 }
 .departures .dep-dest {
 	margin-left: 0.8rem;
+	i.material-icons {
+		vertical-align: middle;
+	}
 	.followee-checkin {
 		font-size: 0.9rem;
 		display: block;
-		i.material-icons {
-			vertical-align: middle;
-		}
 	}
 }
 
@@ -208,41 +208,58 @@ ul.route-history > li {
 	width: fit-content;
 	min-width: 6ch;
 	margin: 0 auto;
-
-	&.Bus, &.RUF, &.AST {
+	
+	&.Bus, &.BUS, &.NachtBus, &.Niederflurbus, &.Stadtbus, &.MetroBus, &.PlusBus, &.Landbus, &.Regionalbus, &.RegionalBus, &.SB, &.ExpressBus, &.BSV, &.RVV-Bus-Linie, &.Buslinie, &.Omnibus, &.RegioBus {
 		background-color: #a3167e;
 		border-radius: 5rem;
 		padding: .2rem .5rem;
 	}
-	&.STR {
+	&.RUF, &.AST, &.RufTaxi, &.Rufbus, &.Linientaxi {
+		background-color: #ffd800;
+		color: black;
+		border-radius: 5rem;
+		padding: .2rem .5rem;
+	}
+	&.Fhre, &.Fh, &.Schiff, &.SCH, &.KAT, &.FERRY {
+		background-color: #309fd1;
+		border-radius: 5rem;
+		padding: .2rem .5rem;
+	}
+	&.STR, &.Tram, &.TRAM, &.Str, &.Strb, &.STB, &.Straenbahn, &.NachtTram, &.Stadtbahn, &.Niederflurstrab, &.Trm {
 		background-color: #c5161c;
 		border-radius: 5rem;
 		padding: .2rem .5rem;
 	}
-	&.S, &.RS, &.RER, &.SKW {
+	&.S, &.RS, &.RER, &.SKW, &.METRO, &.S-Bahn {
 		background-color: #008d4f;
 		border-radius: 5rem;
 		padding: .2rem .5rem;
 	}
-	&.U, &.STB, &.M  {
+	&.U, &.M, &.SUBWAY, &.U-Bahn, &.UBAHN, &.Schw-B, &.Schwebebahn, &.H-Bahn {
 		background-color: #014e8d;
 		border-radius: 5rem;
 		padding: .2rem .5rem;
 	}
-	&.RE, &.IRE, &.REX {
+	&.RE, &.IRE, &.REX, &.REGIONAL_FAST_RAIL {
 		background-color: #ff4f00;
 	}
-	&.RB, &.MEX, &.TER, &.R {
+	&.RB, &.MEX, &.TER, &.R, &.REGIONAL_RAIL, &.Regionalzug, &.R-Bahn, &.BRB {
 		background-color: #1f4a87;
 	}
+	// BE / NL
+	&.ECD,
 	// DE
 	&.IC, &.ICE, &.EC, &.ECE, &.D,
 	// CH
 	&.IR,
 	// FR
 	&.TGV, &.OGV, &.EST,
+	// IT
+	&.FR,
 	// PL
-	&.TLK, &.EIC {
+	&.TLK, &.EIC, &.EIP,
+	// MOTIS
+	&.HIGHSPEED_RAIL, &.LONG_DISTANCE {
 		background-color: #ff0404;
 		font-weight: 900;
 		font-style: italic;
@@ -251,7 +268,7 @@ ul.route-history > li {
 	&.RJ, &.RJX {
 		background-color: #c63131;
 	}
-	&.NJ, &.EN {
+	&.NJ, &.EN, &.NIGHT_RAIL, &.ICN {
 		background-color: #29255b;
 	}
 	&.WB {
@@ -275,6 +292,17 @@ ul.route-history > li {
 	}
 }
 
+.status-card-progress-annot {
+	padding-bottom: 2ex;
+	border-bottom: 2px dashed #808080;
+}
+
+.timeline-in-transit {
+	.status-card-progress-annot {
+		border-bottom: none;
+	}
+}
+
 
 @media screen and (max-width: 600px) {
 	.collection.departures li {
@@ -295,3 +323,8 @@ ul.route-history > li {
 		}
 	}
 }
+
+a.timeline-link {
+	padding-top: 1ex;
+	padding-bottom: 1ex;
+}
diff --git a/sass/src/dark/index.scss b/sass/src/dark/index.scss
index 28c615b..310a8a4 100644
--- a/sass/src/dark/index.scss
+++ b/sass/src/dark/index.scss
@@ -18,6 +18,8 @@ html {
 input[type=email],
 input[type=text],
 input[type=password],
+input[type=date],
+input[type=datetime-local],
 textarea {
 	color: $off-black;
 }