From f2ae3e5212029bc17a868cf8fa9e23e2c716369d Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Wed, 16 Oct 2019 16:18:24 +1100
Subject: [PATCH] fade to gray to prevent rainbowing

---
 client/assets/styles/colours.less | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less
index a2e5ac88..b6362c6b 100644
--- a/client/assets/styles/colours.less
+++ b/client/assets/styles/colours.less
@@ -87,28 +87,37 @@ svg {
 }
 
 @keyframes rg {
-    from {
+    0% {
         border-color: @red;
     }
-    to {
+    50% {
+        border-color: @gray-box;
+    }
+    100% {
         border-color: @green;
     }
 }
 
 @keyframes rb {
-    from {
+    0% {
         border-color: @red;
     }
-    to {
+    50% {
+        border-color: @gray-box;
+    }
+    100% {
         border-color: @blue;
     }
 }
 
 @keyframes bg {
-    from {
+    0% {
         border-color: @blue;
     }
-    to {
+    50% {
+        border-color: @gray-box;
+    }
+    100% {
         border-color: @green;
     }
 }