From 69dc571b2536b44e25a024048eff812a1ed9f91c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Mon, 14 Sep 2020 15:59:15 +0200
Subject: [PATCH] Update loading modal colors to new ones

[MAILPOET-2788]
---
 .../src/components-plugin/_legacy-modal.scss    | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/assets/css/src/components-plugin/_legacy-modal.scss b/assets/css/src/components-plugin/_legacy-modal.scss
index 1e99476e32..092bbead10 100644
--- a/assets/css/src/components-plugin/_legacy-modal.scss
+++ b/assets/css/src/components-plugin/_legacy-modal.scss
@@ -234,29 +234,26 @@ body.mailpoet_modal_opened {
 
 .mailpoet_modal_loading {
   animation-direction: linear;
-  animation-duration: 1.9500000000000002s;
+  animation-duration: 2.4s;
   animation-iteration-count: infinite;
   animation-name: bounce_mailpoet_modal_loading;
-  background-color: #e01d4e;
+  background-color: $color-secondary-light;
   border-radius: 21px;
   height: 32px;
   margin-left: 17px;
   width: 32px;
 }
 
-.mailpoet_modal_loading_1 {
-  animation-delay: .39s;
-}
-
 .mailpoet_modal_loading_2 {
-  animation-delay: .9099999999999999s;
+  animation-delay: .5s;
 }
 
 .mailpoet_modal_loading_3 {
-  animation-delay: 1.1700000000000002s;
+  animation-delay: 1s;
 }
 
 @keyframes bounce_mailpoet_modal_loading {
-  0%,
-  50% { background-color: #064e6d; }
+  20%,
+  90% { background-color: $color-secondary-light; }
+  50% { background-color: $color-secondary; }
 }