From 5feae2f00ad63e95db2119712f0e9cbc79ea7a98 Mon Sep 17 00:00:00 2001
From: Frenkie Nguyen <nguyentiendung.me@gmail.com>
Date: Thu, 19 Dec 2024 16:41:43 +0700
Subject: [PATCH] [Issue-161][Mythical Telegram App] Update loading animation
 for some screens

---
 packages/extension-koni-ui/src/contexts/ThemeContext.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/extension-koni-ui/src/contexts/ThemeContext.tsx b/packages/extension-koni-ui/src/contexts/ThemeContext.tsx
index a98b7ae2f3..663a08da1f 100644
--- a/packages/extension-koni-ui/src/contexts/ThemeContext.tsx
+++ b/packages/extension-koni-ui/src/contexts/ThemeContext.tsx
@@ -72,10 +72,10 @@ const GlobalStyle = createGlobalStyle<ThemeProps>(({ theme }) => {
 
     '.ant-skeleton.ant-skeleton.ant-skeleton-active': {
       '.ant-skeleton-input, .ant-skeleton-avatar': {
-        backgroundImage: 'linear-gradient(97deg, rgba(224, 224, 224,0) 25%, rgba(224, 224, 224, 0.3) 37%, rgba(224, 224, 224,0) 63%)',
+        backgroundImage: 'linear-gradient(135deg, rgba(150, 150, 150, 0) 25%, rgba(150, 150, 150, 0.3) 37%, rgba(150, 150, 150, 0) 63%)',
         backgroundSize: '400% 100%',
         animationName: 'skeleton-loading',
-        animationDuration: '1.4s',
+        animationDuration: '1s',
         animationTimingFunction: 'ease',
         animationIterationCount: 'infinite'
       }