Amm deployer rebranding (#713)

* remove unused og image * update fonts * update assets and icons * update colors * refactor components for new branding
bleu · Jul 30, 2024 · ec5991d · ec5991d
1 parent d78d0aa
commit ec5991d
Show file tree

Hide file tree

Showing 37 changed files with 118 additions and 238 deletions.
diff --git a/apps/cow-amm-deployer/public/assets/app-logo.svg b/apps/cow-amm-deployer/public/assets/app-logo.svg
diff --git a/apps/cow-amm-deployer/public/assets/bg.png b/apps/cow-amm-deployer/public/assets/bg.png
diff --git a/apps/cow-amm-deployer/public/assets/cow-amm-deployer.svg b/apps/cow-amm-deployer/public/assets/cow-amm-deployer.svg
diff --git a/apps/cow-amm-deployer/public/assets/cow-amm.svg b/apps/cow-amm-deployer/public/assets/cow-amm.svg
diff --git a/apps/cow-amm-deployer/public/assets/preview-image.png b/apps/cow-amm-deployer/public/assets/preview-image.png
diff --git a/apps/cow-amm-deployer/public/favicon.ico b/apps/cow-amm-deployer/public/favicon.ico
diff --git a/apps/cow-amm-deployer/src/app/layout.tsx b/apps/cow-amm-deployer/src/app/layout.tsx
@@ -20,33 +20,10 @@ export const metadata: Metadata = {
   },
 };
 
-const flechaS = localFont({
+const studioFeixenSans = localFont({
   src: [
     {
-      path: "../fonts/FlechaS-Medium.woff2",
-      weight: "500",
-      style: "normal",
-    },
-    {
-      path: "../fonts/FlechaS-MediumItalic.woff2",
-      weight: "500",
-      style: "italic",
-    },
-  ],
-  variable: "--font-family-serif",
-});
-
-const circularStd = localFont({
-  src: [
-    {
-      path: "../fonts/CircularStd-Book.woff2",
-      weight: "400",
-      style: "normal",
-    },
-    {
-      path: "../fonts/CircularStd-Medium.woff2",
-      weight: "500",
-      style: "normal",
+      path: "../fonts/Studio-Feixen-Sans.ttf",
     },
   ],
   variable: "--font-family-sans",
@@ -57,9 +34,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     <html lang="en" className="h-full">
       <body
         className={cn(
-          flechaS.variable,
-          circularStd.variable,
-          "bg-background flex h-full flex-col font-sans font-normal text-foreground",
+          studioFeixenSans.variable,
+          "bg-[url(/assets/bg.png)] flex h-full flex-col font-sans font-normal text-white",
         )}
       >
         <RootLayout>{children}</RootLayout>

diff --git a/apps/cow-amm-deployer/src/app/manager/(components)/BalancerPriceInformation.tsx b/apps/cow-amm-deployer/src/app/manager/(components)/BalancerPriceInformation.tsx
@@ -15,7 +15,7 @@ export function BalancerPriceInformation({ cowAmm }: { cowAmm: ICowAmm }) {
   );
 
   return (
-    <div className="flex flex-row gap-x-1 items-center hover:text-foreground/90">
+    <div className="flex flex-row gap-x-1 items-center">
       <span>Using price information from Balancer V2</span>
       {priceOracleLink && (
         <Link href={priceOracleLink} target="_blank">

diff --git a/apps/cow-amm-deployer/src/app/manager/(components)/ChainlinkPriceInformation.tsx b/apps/cow-amm-deployer/src/app/manager/(components)/ChainlinkPriceInformation.tsx
@@ -32,13 +32,13 @@ export function ChainlinkPriceInformation({ cowAmm }: { cowAmm: ICowAmm }) {
     fetchPriceFeedLinks();
   }, []);
   return (
-    <div className="flex flex-row gap-x-1 items-start hover:text-foreground/90">
+    <div className="flex flex-row gap-x-1 items-start">
       <span>Using price information from Chainlink</span>
       {priceFeed0Link && (
         <Link
           href={priceFeed0Link}
           target="_blank"
-          className="text-primary hover:text-primary/80 text-xs"
+          className="text-secondary hover:text-secondary/80 text-xs"
         >
           1
         </Link>
@@ -47,7 +47,7 @@ export function ChainlinkPriceInformation({ cowAmm }: { cowAmm: ICowAmm }) {
         <Link
           href={priceFeed1Link}
           target="_blank"
-          className="text-primary hover:text-primary/80 text-xs"
+          className="text-secondary hover:text-secondary/80 text-xs"
         >
           2
         </Link>

diff --git a/apps/cow-amm-deployer/src/app/manager/(components)/CustomPriceInformation.tsx b/apps/cow-amm-deployer/src/app/manager/(components)/CustomPriceInformation.tsx
@@ -15,7 +15,7 @@ export function CustomPriceInformation({ cowAmm }: { cowAmm: ICowAmm }) {
   });
 
   return (
-    <div className="flex flex-row gap-x-1 items-center hover:text-foreground/90">
+    <div className="flex flex-row gap-x-1 items-center">
       <span>Using price information from custom contract</span>
       {priceOracleLink && (
         <Link href={priceOracleLink.url} target="_blank">

diff --git a/apps/cow-amm-deployer/src/app/manager/(components)/PoolCompositionTable.tsx b/apps/cow-amm-deployer/src/app/manager/(components)/PoolCompositionTable.tsx
@@ -16,7 +16,7 @@ export function PoolCompositionTable({ cowAmm }: { cowAmm: ICowAmm }) {
     <Table
       color="foreground"
       shade="darkWithBorder"
-      classNames="overflow-y-auto text-background"
+      classNames="overflow-y-auto text-background rounded-lg"
     >
       <Table.HeaderRow>
         <Table.HeaderCell>Tokens</Table.HeaderCell>