From c66c63e33aa3cf976999114f8c71d71d8ad072ed Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Wed, 7 Dec 2022 14:21:48 -0300
Subject: [PATCH 1/6] chore: Fixed LpTag

---
 src/components/Tag/LpTag.tsx         |  8 ++------
 src/components/Tag/index.stories.tsx |  6 +++---
 src/components/Tag/index.tsx         |  2 +-
 src/components/Tag/styles.tsx        | 18 +++++++++++-------
 src/components/Tag/types.ts          | 12 +++++++++---
 5 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/src/components/Tag/LpTag.tsx b/src/components/Tag/LpTag.tsx
index 501df17f..686289cf 100644
--- a/src/components/Tag/LpTag.tsx
+++ b/src/components/Tag/LpTag.tsx
@@ -1,13 +1,9 @@
 import React from "react";
 import { useTheme } from "styled-components";
 import { StyledLpTag, LightText, DarkText } from "./styles";
-import { LpTypeVariants } from "./types";
+import { LpTagProps } from "./types";
 
-export interface LpTagProps {
-  variant?: LpTypeVariants;
-}
-
-const LpTag: React.FC<LpTagProps> = ({ variant = LpTypeVariants.APE, ...props }) => {
+const LpTag: React.FC<LpTagProps> = ({ variant, ...props }) => {
   const { isDark } = useTheme();
 
   return (
diff --git a/src/components/Tag/index.stories.tsx b/src/components/Tag/index.stories.tsx
index eaf80bad..cebbd46f 100644
--- a/src/components/Tag/index.stories.tsx
+++ b/src/components/Tag/index.stories.tsx
@@ -4,7 +4,7 @@ import styled from "styled-components";
 import { Meta } from "@storybook/react/types-6-0";
 import { CommunityIcon, RemoveIcon } from "../Svg";
 import Tag from "./Tag";
-import { LpTypeVariants, variants } from "./types";
+import { variants } from "./types";
 import LpTag from "./LpTag";
 
 const Row = styled.div`
@@ -39,8 +39,8 @@ export const Default: React.FC = () => {
         ))}
       </Row>
       <Row>
-        <LpTag variant={LpTypeVariants.APE} />
-        <LpTag variant={LpTypeVariants.UNI} />
+        <LpTag variant="ape" />
+        <LpTag variant="uni" />
       </Row>
     </>
   );
diff --git a/src/components/Tag/index.tsx b/src/components/Tag/index.tsx
index aba1099e..18f557e8 100644
--- a/src/components/Tag/index.tsx
+++ b/src/components/Tag/index.tsx
@@ -1,4 +1,4 @@
 export { default as Tag } from "./Tag";
 export { default as LpTag } from "./LpTag";
 export type { TagProps, Variants as TagVariants } from "./types";
-export { LpTypeVariants } from "./types";
+export type { LpTagVariants } from "./types";
diff --git a/src/components/Tag/styles.tsx b/src/components/Tag/styles.tsx
index 05b9bcb3..d6a5dfd9 100644
--- a/src/components/Tag/styles.tsx
+++ b/src/components/Tag/styles.tsx
@@ -1,6 +1,6 @@
 import styled, { DefaultTheme } from "styled-components";
 import getColor from "../../util/getColor";
-import { LpTypeVariants, TagProps } from "./types";
+import { LpTagProps, TagProps } from "./types";
 
 interface ThemedProps extends TagProps {
   theme: DefaultTheme;
@@ -29,17 +29,21 @@ export const StyledTag = styled.div<ThemedProps>`
   }
 `;
 
-export const StyledLpTag = styled.div<{ variant: LpTypeVariants }>`
+interface CustomProps extends LpTagProps {
+  theme: DefaultTheme;
+}
+
+export const StyledLpTag = styled.div<CustomProps>`
   align-items: center;
-  background: ${({ theme, variant }) => theme?.colors?.lpTagBg[variant]};
+  background: ${({ theme, variant = "ape" }) => theme?.colors?.lpTagBg?.[variant]};
   border-radius: 6px;
   display: inline-flex;
   height: 15px;
   padding: 0 5px;
 `;
 
-export const LightText = styled.div<{ variant: LpTypeVariants }>`
-  background: ${({ theme, variant }) => theme?.colors?.lpTagText[variant]};
+export const LightText = styled.div<CustomProps>`
+  background: ${({ theme, variant = "ape" }) => theme?.colors?.lpTagText?.[variant]};
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-transform: uppercase;
@@ -48,8 +52,8 @@ export const LightText = styled.div<{ variant: LpTypeVariants }>`
   line-height: 15px;
 `;
 
-export const DarkText = styled.div<{ variant: LpTypeVariants }>`
-  color: ${({ theme, variant }) => theme?.colors?.lpTagText[variant]};
+export const DarkText = styled.div<CustomProps>`
+  color: ${({ theme, variant = "ape" }) => theme?.colors?.lpTagText?.[variant]};
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 500;
diff --git a/src/components/Tag/types.ts b/src/components/Tag/types.ts
index 0d23f23d..6c48ab5f 100644
--- a/src/components/Tag/types.ts
+++ b/src/components/Tag/types.ts
@@ -20,7 +20,13 @@ export interface TagProps extends SpaceProps {
   outline?: boolean;
 }
 
-export enum LpTypeVariants {
-  APE = "ape",
-  UNI = "uni",
+export const lpTagVariants = {
+  APE: "ape",
+  UNI: "uni",
+} as const;
+
+export type LpTagVariants = typeof lpTagVariants[keyof typeof lpTagVariants];
+
+export interface LpTagProps extends SpaceProps {
+  variant?: LpTagVariants;
 }

From b3af036f57eec06e446e18fd33771f2ffa53d1bd Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Fri, 9 Dec 2022 11:59:26 -0300
Subject: [PATCH 2/6] chore: New Lp Tag colors

---
 src/components/Tag/types.ts | 2 +-
 src/theme/colors.ts         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Tag/types.ts b/src/components/Tag/types.ts
index 6c48ab5f..1a8e6f6b 100644
--- a/src/components/Tag/types.ts
+++ b/src/components/Tag/types.ts
@@ -28,5 +28,5 @@ export const lpTagVariants = {
 export type LpTagVariants = typeof lpTagVariants[keyof typeof lpTagVariants];
 
 export interface LpTagProps extends SpaceProps {
-  variant?: LpTagVariants;
+  variant: LpTagVariants;
 }
diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index 45a5f6af..5da78656 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -32,7 +32,7 @@ export const lightColors: Colors = {
     bubblegum: "linear-gradient(139.73deg, #E6FDFF 0%, #F3EFFF 100%)",
   },
   lpTagBg: {
-    ape: "linear-gradient(53.53deg, rgba(161, 101, 82, 0.2) 15.88%, rgba(225, 178, 66, 0.2) 92.56%)",
+    ape: "linear-gradient(53.53deg, rgba(161, 101, 82, 0.35) 15.88%, rgba(225, 178, 66, 0.35) 92.56%)",
     uni: "rgba(213, 49, 113, 0.15)",
   },
   lpTagText: {
@@ -65,7 +65,7 @@ export const darkColors: Colors = {
     uni: "rgba(213, 49, 113, 0.15)",
   },
   lpTagText: {
-    ape: "rgba(255, 255, 255, 0.5)",
+    ape: "rgba(255, 255, 255, 0.75)",
     uni: "#D53171",
   },
   primaryButtonDisable: "rgba(241, 234, 218, 0.5)",

From f44faf78243d4916f7f72ae5d6988a32439b348e Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Wed, 14 Dec 2022 15:20:03 -0300
Subject: [PATCH 3/6] chore: Add new lptype tag

---
 src/components/Tag/LpTag.tsx  | 11 ++---------
 src/components/Tag/styles.tsx | 16 +++-------------
 src/theme/colors.ts           | 16 ++++------------
 src/theme/types.ts            |  1 -
 4 files changed, 9 insertions(+), 35 deletions(-)

diff --git a/src/components/Tag/LpTag.tsx b/src/components/Tag/LpTag.tsx
index 686289cf..364ef6f0 100644
--- a/src/components/Tag/LpTag.tsx
+++ b/src/components/Tag/LpTag.tsx
@@ -1,18 +1,11 @@
 import React from "react";
-import { useTheme } from "styled-components";
-import { StyledLpTag, LightText, DarkText } from "./styles";
+import { StyledLpTag, StyledLPText } from "./styles";
 import { LpTagProps } from "./types";
 
 const LpTag: React.FC<LpTagProps> = ({ variant, ...props }) => {
-  const { isDark } = useTheme();
-
   return (
     <StyledLpTag variant={variant} {...props}>
-      {isDark ? (
-        <DarkText variant={variant}>{variant} LP</DarkText>
-      ) : (
-        <LightText variant={variant}>{variant} LP</LightText>
-      )}
+      <StyledLPText>{variant} LP</StyledLPText>
     </StyledLpTag>
   );
 };
diff --git a/src/components/Tag/styles.tsx b/src/components/Tag/styles.tsx
index d6a5dfd9..f615ff90 100644
--- a/src/components/Tag/styles.tsx
+++ b/src/components/Tag/styles.tsx
@@ -42,20 +42,10 @@ export const StyledLpTag = styled.div<CustomProps>`
   padding: 0 5px;
 `;
 
-export const LightText = styled.div<CustomProps>`
-  background: ${({ theme, variant = "ape" }) => theme?.colors?.lpTagText?.[variant]};
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+export const StyledLPText = styled.div<{ theme: DefaultTheme }>`
+  color: ${({ theme }) => theme?.colors?.primaryBright};
   text-transform: uppercase;
   font-size: 10px;
-  font-weight: 500;
-  line-height: 15px;
-`;
-
-export const DarkText = styled.div<CustomProps>`
-  color: ${({ theme, variant = "ape" }) => theme?.colors?.lpTagText?.[variant]};
-  text-transform: uppercase;
-  font-size: 10px;
-  font-weight: 500;
+  font-weight: 600;
   line-height: 15px;
 `;
diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index 5da78656..7a9f7536 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -32,12 +32,8 @@ export const lightColors: Colors = {
     bubblegum: "linear-gradient(139.73deg, #E6FDFF 0%, #F3EFFF 100%)",
   },
   lpTagBg: {
-    ape: "linear-gradient(53.53deg, rgba(161, 101, 82, 0.35) 15.88%, rgba(225, 178, 66, 0.35) 92.56%)",
-    uni: "rgba(213, 49, 113, 0.15)",
-  },
-  lpTagText: {
-    ape: "linear-gradient(53.53deg, #A16552 15.88%, #E1B242 92.56%)",
-    uni: "#D53171",
+    ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
+    uni: "rgba(213, 49, 113, 0.8)",
   },
   primaryButtonDisable: "rgba(66, 66, 66, 0.5)",
   secondaryButtonDisableBg: "#F1EADA",
@@ -61,12 +57,8 @@ export const darkColors: Colors = {
     bubblegum: "linear-gradient(139.73deg, #313D5C 0%, #3D2A54 100%)",
   },
   lpTagBg: {
-    ape: "linear-gradient(53.53deg, rgba(161, 101, 82, 0.5) 15.88%, rgba(225, 178, 66, 0.5) 92.56%)",
-    uni: "rgba(213, 49, 113, 0.15)",
-  },
-  lpTagText: {
-    ape: "rgba(255, 255, 255, 0.75)",
-    uni: "#D53171",
+    ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
+    uni: "rgba(213, 49, 113, 0.8)",
   },
   primaryButtonDisable: "rgba(241, 234, 218, 0.5)",
   secondaryButtonDisableBg: "rgba(33, 33, 33, 0.5)",
diff --git a/src/theme/types.ts b/src/theme/types.ts
index cc6820f8..70fe3209 100644
--- a/src/theme/types.ts
+++ b/src/theme/types.ts
@@ -62,7 +62,6 @@ export type Colors = {
   yellowHover: string;
   input: string;
   lpTagBg: LpTagColors;
-  lpTagText: LpTagColors;
 
   // Gradients
   gradients?: Gradients;

From 4ed029735e75c0bd5c86670420dea7a6f6feebe0 Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Wed, 14 Dec 2022 15:26:28 -0300
Subject: [PATCH 4/6] chore: Add test file

---
 src/__tests__/widgets/menu.test.tsx | 100 ++++++++++++++--------------
 1 file changed, 50 insertions(+), 50 deletions(-)

diff --git a/src/__tests__/widgets/menu.test.tsx b/src/__tests__/widgets/menu.test.tsx
index bdcd3fbe..bdc17024 100644
--- a/src/__tests__/widgets/menu.test.tsx
+++ b/src/__tests__/widgets/menu.test.tsx
@@ -52,10 +52,10 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-jcVcSv iFIlhf"
+        class="sc-citxvW iRpojR"
       >
         <nav
-          class="sc-iUuxjF drpIUF"
+          class="sc-bZSRNg fYLsjM"
         >
           <div
             class="css-4cffwv"
@@ -200,13 +200,13 @@ it("renders correctly", () => {
           </div>
         </nav>
         <div
-          class="sc-iBaQBe idhelT"
+          class="sc-iUuxjF jtvsWi"
         >
           <div
-            class="sc-gWHigU fKCtSb"
+            class="sc-hiSbEG jRExDC"
           >
             <div
-              class="sc-ezredP hVSuvJ"
+              class="sc-giImIA hxJRXv"
               role="button"
             >
               <a
@@ -214,24 +214,24 @@ it("renders correctly", () => {
                 target="_self"
               >
                 <div
-                  class="sc-giImIA bUFezZ"
+                  class="sc-iJuVqt iTOioi"
                 >
                   Exchange
                 </div>
               </a>
             </div>
             <div
-              class="sc-kLgnNl khAKMs"
+              class="sc-bYEvvW jlsOQN"
             >
               <div
-                class="sc-ezredP hVSuvJ"
+                class="sc-giImIA hxJRXv"
                 role="button"
               >
                 <div
-                  class="sc-jJEKmz eNAolY"
+                  class="sc-iktFfs cDLrHU"
                 >
                   <div
-                    class="sc-giImIA bUFezZ"
+                    class="sc-iJuVqt iTOioi"
                   >
                     Stake
                   </div>
@@ -249,21 +249,21 @@ it("renders correctly", () => {
                 </svg>
               </div>
               <div
-                class="sc-iktFfs lgOqlH"
+                class="sc-kLgnNl btEQLW"
               />
             </div>
             <div
-              class="sc-kLgnNl khAKMs"
+              class="sc-bYEvvW jlsOQN"
             >
               <div
-                class="sc-ezredP hVSuvJ"
+                class="sc-giImIA hxJRXv"
                 role="button"
               >
                 <div
-                  class="sc-jJEKmz eNAolY"
+                  class="sc-iktFfs cDLrHU"
                 >
                   <div
-                    class="sc-giImIA bUFezZ"
+                    class="sc-iJuVqt iTOioi"
                   >
                     Raise
                   </div>
@@ -281,21 +281,21 @@ it("renders correctly", () => {
                 </svg>
               </div>
               <div
-                class="sc-iktFfs lgOqlH"
+                class="sc-kLgnNl btEQLW"
               />
             </div>
             <div
-              class="sc-kLgnNl khAKMs"
+              class="sc-bYEvvW jlsOQN"
             >
               <div
-                class="sc-ezredP hVSuvJ"
+                class="sc-giImIA hxJRXv"
                 role="button"
               >
                 <div
-                  class="sc-jJEKmz eNAolY"
+                  class="sc-iktFfs cDLrHU"
                 >
                   <div
-                    class="sc-giImIA bUFezZ"
+                    class="sc-iJuVqt iTOioi"
                   >
                     Collect
                   </div>
@@ -313,11 +313,11 @@ it("renders correctly", () => {
                 </svg>
               </div>
               <div
-                class="sc-iktFfs lgOqlH"
+                class="sc-kLgnNl btEQLW"
               />
             </div>
             <div
-              class="sc-ezredP hVSuvJ"
+              class="sc-giImIA hxJRXv"
               role="button"
             >
               <a
@@ -325,24 +325,24 @@ it("renders correctly", () => {
                 target="_blank"
               >
                 <div
-                  class="sc-giImIA bUFezZ"
+                  class="sc-iJuVqt iTOioi"
                 >
                   Lend
                 </div>
               </a>
             </div>
             <div
-              class="sc-kLgnNl khAKMs"
+              class="sc-bYEvvW jlsOQN"
             >
               <div
-                class="sc-ezredP hVSuvJ"
+                class="sc-giImIA hxJRXv"
                 role="button"
               >
                 <div
-                  class="sc-jJEKmz eNAolY"
+                  class="sc-iktFfs cDLrHU"
                 >
                   <div
-                    class="sc-giImIA bUFezZ"
+                    class="sc-iJuVqt iTOioi"
                   >
                     Explore
                   </div>
@@ -360,7 +360,7 @@ it("renders correctly", () => {
                 </svg>
               </div>
               <div
-                class="sc-iktFfs lgOqlH"
+                class="sc-kLgnNl btEQLW"
               />
             </div>
             <div
@@ -373,7 +373,7 @@ it("renders correctly", () => {
                   style="display: flex; align-items: center; justify-content: space-evenly; width: 200px;"
                 >
                   <a
-                    class="sc-hiSbEG gqZtKj"
+                    class="sc-jJEKmz dMlzxM"
                     href="https://twitter.com/ape_swap"
                     rel="noopener noreferrer"
                     target="_blank"
@@ -399,7 +399,7 @@ it("renders correctly", () => {
                     </svg>
                   </a>
                   <a
-                    class="sc-hiSbEG gqZtKj"
+                    class="sc-jJEKmz dMlzxM"
                     href="https://t.me/ape_swap"
                     rel="noopener noreferrer"
                     target="_blank"
@@ -425,7 +425,7 @@ it("renders correctly", () => {
                     </svg>
                   </a>
                   <a
-                    class="sc-hiSbEG gqZtKj"
+                    class="sc-jJEKmz dMlzxM"
                     href="https://apeswap.click/discord"
                     rel="noopener noreferrer"
                     target="_blank"
@@ -548,12 +548,12 @@ it("renders correctly", () => {
             </div>
           </div>
           <div
-            class="sc-eggMyH dwaMaH"
+            class="sc-iBaQBe eWDVUC"
           >
             body
           </div>
           <div
-            class="sc-bdfBQB sc-cTkxnA fhltBt WiFmI"
+            class="sc-bdfBQB sc-eggMyH fhltBt dMySsi"
             role="presentation"
           />
         </div>
@@ -672,13 +672,13 @@ it("renders correctly", () => {
           </div>
         </div>
         <div
-          class="sc-fodVek thHgQ"
+          class="sc-hBEYId gmCgJa"
         >
           <div
-            class="sc-hBEYId gzPWTm"
+            class="sc-kstqJO dLrQOZ"
           >
             <div
-              class="sc-kfzBvY bFzGOQ"
+              class="sc-dmlqKv fQPQVn"
             >
               <svg
                 class="sc-gsTEea fEVstH"
@@ -813,7 +813,7 @@ it("renders correctly", () => {
                 class="css-1rzh7ej"
               />
               <div
-                class="sc-fKFxtB eigPKS"
+                class="sc-kfzBvY gDkqat"
               >
                 <button
                   class="css-1ksg6kp-ThemeSwitcher"
@@ -923,10 +923,10 @@ it("renders correctly", () => {
                 </div>
               </div>
               <div
-                class="sc-dIUeWJ hBIdQR"
+                class="sc-idOiZg knZyJz"
               >
                 <a
-                  class="sc-bBXrwG kqTzrD"
+                  class="sc-fKFxtB fiwbGU"
                   href="https://twitter.com/ape_swap"
                   rel="noopener noreferrer"
                   target="_blank"
@@ -952,7 +952,7 @@ it("renders correctly", () => {
                   </svg>
                 </a>
                 <a
-                  class="sc-bBXrwG kqTzrD"
+                  class="sc-fKFxtB fiwbGU"
                   href="https://apeswap.click/discord"
                   rel="noopener noreferrer"
                   target="_blank"
@@ -994,7 +994,7 @@ it("renders correctly", () => {
                   </svg>
                 </a>
                 <a
-                  class="sc-bBXrwG kqTzrD"
+                  class="sc-fKFxtB fiwbGU"
                   href="https://t.me/ape_swap"
                   rel="noopener noreferrer"
                   target="_blank"
@@ -1020,7 +1020,7 @@ it("renders correctly", () => {
                   </svg>
                 </a>
                 <a
-                  class="sc-bBXrwG kqTzrD"
+                  class="sc-fKFxtB fiwbGU"
                   href="https://www.reddit.com/r/Apeswap/"
                   rel="noopener noreferrer"
                   target="_blank"
@@ -1046,7 +1046,7 @@ it("renders correctly", () => {
                   </svg>
                 </a>
                 <a
-                  class="sc-bBXrwG kqTzrD"
+                  class="sc-fKFxtB fiwbGU"
                   href="https://ape-swap.medium.com/"
                   rel="noopener noreferrer"
                   target="_blank"
@@ -1080,7 +1080,7 @@ it("renders correctly", () => {
                   </svg>
                 </a>
                 <a
-                  class="sc-bBXrwG kqTzrD"
+                  class="sc-fKFxtB fiwbGU"
                   href="https://www.instagram.com/apeswap.finance/"
                   rel="noopener noreferrer"
                   target="_blank"
@@ -1115,13 +1115,13 @@ it("renders correctly", () => {
                 </a>
               </div>
               <div
-                class="sc-iwyWTf qdCXx"
+                class="sc-bBXrwG boUgcl"
               >
                 <div
                   style="margin-right: 21px;"
                 >
                   <a
-                    class="sc-fFucqa bjYQlW"
+                    class="sc-fodVek jVnpHB"
                     href="https://info.apeswap.finance/token/0x603c7f932ed1fc6575303d8fb018fdcbb0f39a95"
                     target="_blank"
                   >
@@ -1203,7 +1203,7 @@ it("renders correctly", () => {
               class="css-e2mh0b-MobileLinks"
             >
               <div
-                class="sc-lmoMya efZEWw"
+                class="sc-cxFLGX kIdQXp"
               >
                 <span
                   class="css-1k1lj3q-MobileLinkMenu"
@@ -1223,7 +1223,7 @@ it("renders correctly", () => {
                 </svg>
               </div>
               <div
-                class="sc-lmoMya efZEWw"
+                class="sc-cxFLGX kIdQXp"
               >
                 <span
                   class="css-1k1lj3q-MobileLinkMenu"
@@ -1243,7 +1243,7 @@ it("renders correctly", () => {
                 </svg>
               </div>
               <div
-                class="sc-lmoMya kKdfjX"
+                class="sc-cxFLGX iiQhjC"
               >
                 <span
                   class="css-1k1lj3q-MobileLinkMenu"
@@ -1265,7 +1265,7 @@ it("renders correctly", () => {
             </div>
           </div>
           <svg
-            class="sc-gsTEea fQWPxo sc-idOiZg hysgHz"
+            class="sc-gsTEea fQWPxo sc-bkzYnD gnbGR"
             color="text"
             viewBox="0 0 425 398"
             width="20px"

From 3471ada71118063831511adc504b1bf75ba68ad0 Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Wed, 14 Dec 2022 18:41:08 -0300
Subject: [PATCH 5/6] chore: Add ARK lp type

---
 src/components/Tag/index.stories.tsx | 1 +
 src/components/Tag/types.ts          | 1 +
 src/theme/colors.ts                  | 2 ++
 src/theme/types.ts                   | 1 +
 4 files changed, 5 insertions(+)

diff --git a/src/components/Tag/index.stories.tsx b/src/components/Tag/index.stories.tsx
index cebbd46f..bf891a46 100644
--- a/src/components/Tag/index.stories.tsx
+++ b/src/components/Tag/index.stories.tsx
@@ -41,6 +41,7 @@ export const Default: React.FC = () => {
       <Row>
         <LpTag variant="ape" />
         <LpTag variant="uni" />
+        <LpTag variant="ark" />
       </Row>
     </>
   );
diff --git a/src/components/Tag/types.ts b/src/components/Tag/types.ts
index 1a8e6f6b..ca580070 100644
--- a/src/components/Tag/types.ts
+++ b/src/components/Tag/types.ts
@@ -23,6 +23,7 @@ export interface TagProps extends SpaceProps {
 export const lpTagVariants = {
   APE: "ape",
   UNI: "uni",
+  ARK: "ark",
 } as const;
 
 export type LpTagVariants = typeof lpTagVariants[keyof typeof lpTagVariants];
diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index 7a9f7536..af4b6e62 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -34,6 +34,7 @@ export const lightColors: Colors = {
   lpTagBg: {
     ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
     uni: "rgba(213, 49, 113, 0.8)",
+    ark: "rgba(208, 126, 90, 0.8)",
   },
   primaryButtonDisable: "rgba(66, 66, 66, 0.5)",
   secondaryButtonDisableBg: "#F1EADA",
@@ -59,6 +60,7 @@ export const darkColors: Colors = {
   lpTagBg: {
     ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
     uni: "rgba(213, 49, 113, 0.8)",
+    ark: "rgba(208, 126, 90, 0.8)",
   },
   primaryButtonDisable: "rgba(241, 234, 218, 0.5)",
   secondaryButtonDisableBg: "rgba(33, 33, 33, 0.5)",
diff --git a/src/theme/types.ts b/src/theme/types.ts
index 70fe3209..366eba83 100644
--- a/src/theme/types.ts
+++ b/src/theme/types.ts
@@ -82,4 +82,5 @@ export type FontFamily = {
 export type LpTagColors = {
   ape: string;
   uni: string;
+  ark: string;
 };

From f7e148d1031ddf888a10bfc86faad337946947f7 Mon Sep 17 00:00:00 2001
From: Ape Fede <apefede09@gmail.com>
Date: Thu, 15 Dec 2022 10:02:38 -0300
Subject: [PATCH 6/6] chore: Moved Lptag colors to base colors

---
 src/theme/colors.ts | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index af4b6e62..f380604d 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -13,6 +13,11 @@ export const baseColors = {
   inputBorder: "#E6DECB",
   brown: "#A16552",
   smartGradient: "linear-gradient(94.44deg, #BA801E -9.73%, #E7CF67 40.14%, #BA801E 93.01%)",
+  lpTagBg: {
+    ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
+    uni: "rgba(213, 49, 113, 0.8)",
+    ark: "rgba(208, 126, 90, 0.8)",
+  },
 };
 
 export const brandColors = {
@@ -31,11 +36,6 @@ export const lightColors: Colors = {
     newGradient: "linear-gradient(53.53deg, #A16552 15.88%, #E1B242 92.56%)",
     bubblegum: "linear-gradient(139.73deg, #E6FDFF 0%, #F3EFFF 100%)",
   },
-  lpTagBg: {
-    ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
-    uni: "rgba(213, 49, 113, 0.8)",
-    ark: "rgba(208, 126, 90, 0.8)",
-  },
   primaryButtonDisable: "rgba(66, 66, 66, 0.5)",
   secondaryButtonDisableBg: "#F1EADA",
   secondaryButtonDisableColor: "rgba(66, 66, 66, 0.5)",
@@ -57,11 +57,6 @@ export const darkColors: Colors = {
   gradients: {
     bubblegum: "linear-gradient(139.73deg, #313D5C 0%, #3D2A54 100%)",
   },
-  lpTagBg: {
-    ape: "linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)",
-    uni: "rgba(213, 49, 113, 0.8)",
-    ark: "rgba(208, 126, 90, 0.8)",
-  },
   primaryButtonDisable: "rgba(241, 234, 218, 0.5)",
   secondaryButtonDisableBg: "rgba(33, 33, 33, 0.5)",
   secondaryButtonDisableColor: "#F1EADA",