distinguish between 'on time' and 'no realtime data available' in rt=1

3 files changed, 14 insertions, 0 deletions

diff --git a/sass/app.scss b/sass/app.scss
index 347133e..4d02ee1 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -418,6 +418,16 @@ div.app {
 					background-color: transparent;
 				}
 
+				&.a-bit-delayed {
+					color: $smalldelay-color;
+					background-color: transparent;
+				}
+
+				&.on-time {
+					color: $ontime-color;
+					background-color: transparent;
+				}
+
 				.no-realtime {
 					background-color: transparent;
 					padding-right: 1ex;
diff --git a/sass/dark.scss b/sass/dark.scss
index c0e8d2b..78b61b0 100644
--- a/sass/dark.scss
+++ b/sass/dark.scss
@@ -32,9 +32,11 @@ $route-color: #dddddd;
 
 $info-color: #ff7777;
 $delay-color: #ff7777;
+$smalldelay-color: #dd9999;
 $undelay-color: #77ff77;
 $delaynorm-color: #dd9999;
 $undelaynorm-color: #99dd99;
+$ontime-color: #aaeeaa;
 
 $additional-stop-color: #77ff77;
 $cancelled-stop-color: #ff7777;
diff --git a/sass/light.scss b/sass/light.scss
index 1dee6a9..60981b1 100644
--- a/sass/light.scss
+++ b/sass/light.scss
@@ -32,9 +32,11 @@ $route-color: #444444;
 
 $info-color: #ff0000;
 $delay-color: #ff0000;
+$smalldelay-color: #bb3333;
 $undelay-color: #006600;
 $delaynorm-color: #bb3333;
 $undelaynorm-color: #338833;
+$ontime-color: #227722;
 
 $additional-stop-color: #009900;
 $cancelled-stop-color: #cc0000;