💫 rework anim

ImJustLucas · Oct 4, 2023 · 58c821e · 58c821e
1 parent 659bd21
commit 58c821e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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: "",
     },