From 58c821ea0c5aeb0fb9685ba8775daafae838d409 Mon Sep 17 00:00:00 2001 From: ImJustLucas Date: Wed, 4 Oct 2023 13:40:42 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AB=20rework=20anim?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/AppLayout.tsx | 8 ++++---- src/themes/light/index.ts | 3 ++- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/layouts/AppLayout.tsx b/src/layouts/AppLayout.tsx index fc81b40..9621fbb 100644 --- a/src/layouts/AppLayout.tsx +++ b/src/layouts/AppLayout.tsx @@ -16,18 +16,18 @@ const AppLayoutContainer = styled.div` align-items: center; justify-content: center; background: ${({ theme }) => theme.colors.background.primary}; - background-size: 200% 200%; + background-size: 400% 400%; animation: gradient 15s ease infinite; @keyframes gradient { 0% { - background-position: 0% 50%; + background-position: 100% 100%; } 50% { - background-position: 100% 50%; + background-position: 0% 0%; } 100% { - background-position: 0% 50%; + background-position: 100% 100%; } } `; diff --git a/src/themes/light/index.ts b/src/themes/light/index.ts index da6cdbd..44a952e 100644 --- a/src/themes/light/index.ts +++ b/src/themes/light/index.ts @@ -8,7 +8,8 @@ const light: Theme = { secondary: "#90e0ef", background: { - primary: "linear-gradient(123deg, #caf0f8 0%, #f1f6f6 59.19%)", + primary: + "linear-gradient(123deg, #FFF 23.25%, #C5F1FB 48.67%, #F1F6F6 76.07%)", secondary: createColor(246, 6, 123, 0.2), contrast: "", },