feat: lootsurvivor theme

BibliothecaDAO · Sep 10, 2024 · eb5df9a · eb5df9a
1 parent 2e4e6a6
commit eb5df9a
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 9 deletions.
diff --git a/.../arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx b/.../arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx
@@ -74,7 +74,7 @@ export default function CollectionItemsBuyNow({
       tokenId: token.token_id,
       orderHash: tokenMarketData.listing.order_hash,
       startAmount: tokenMarketData.listing.start_amount,
-      currencyAddress: tokenMarketData.listing.currency_address,
+      currencyAddress: env.NEXT_PUBLIC_LORDS_TOKEN_ADDRESS,
     });
   };
 

diff --git a/...ket/src/app/collection/[collectionAddress]/components/collection-items-data-grid-view.tsx b/...ket/src/app/collection/[collectionAddress]/components/collection-items-data-grid-view.tsx
@@ -90,7 +90,7 @@ export default function CollectionItemsDataGridView({
                   />
                 </NftCardMedia>
                 <NftCardContent>
-                  <div className="flex w-full justify-between">
+                  <div className="flex w-full justify-between text-foreground">
                     <div className="w-full">
                       <p
                         className={cn(

diff --git a/...ket/src/app/collection/[collectionAddress]/components/collection-items-data-list-view.tsx b/...ket/src/app/collection/[collectionAddress]/components/collection-items-data-list-view.tsx
@@ -18,6 +18,7 @@ import {
 
 import type { CollectionToken } from "~/types";
 import Media from "~/components/media";
+import { PriceTag } from "@ark-market/ui/price-tag";
 
 const gridTemplateColumnValue =
   "grid-cols-[minmax(10rem,2fr)_repeat(5,minmax(7.25rem,1fr))]";

diff --git a/apps/arkmarket/src/app/components/main-carousel.tsx b/apps/arkmarket/src/app/components/main-carousel.tsx
@@ -69,7 +69,7 @@ export default function MainCarousel() {
   }
 
   return (
-    <div className="md:text-white">
+    <div className="text-primary">
       <Carousel setApi={setApi}>
         <CarouselContent>
           {homepageConfig.mainCarousel.map((carouselItem, index) => {
@@ -98,11 +98,11 @@ export default function MainCarousel() {
                         </h1>
                         <div className="flex items-center text-sm font-semibold">
                           <p className="mr-1">{carouselItem.itemsCount}</p>
-                          <p className="mr-1 text-muted-foreground">
+                          <p className="mr-1">
                             ITEMS
-                          </p> | <Ethereum className="size-4" />
+                          </p>
                           {/* <p className="mr-1">{carouselItem.floorPrice}</p> */}
-                          <p className="text-muted-foreground">ETH</p>
+                          {/* <p> ETH</p> */}
                         </div>
                       </div>
                     </div>

diff --git a/apps/arkmarket/src/app/globals.css b/apps/arkmarket/src/app/globals.css
@@ -139,7 +139,6 @@
     --chart-5: 27 87% 67%;
   }
   .realms.dark {
-
     --background: 69 9% 15%;
     --foreground: 36 88.9% 85.9%;
     --card: 69 9% 15%;
@@ -215,6 +214,37 @@
     --limit: 320;
     --distance: 8;
   }
+
+  .lootsurvivor.dark, .lootsurvivor.light {
+    --font-spacemono: var(--font-vt323);
+    --font-baebasneue: var(--font-vt323);
+    --font-silkscreen: var(--font-vt323);
+    --background: 0 0 8%;
+    --foreground: 110 92% 56%;
+    --card: var(--background);
+    --card-foreground: 36 5% 10%;
+    --popover: var(--background);
+    --popover-foreground: var(--primary);
+    --primary: 110 92% 56%;
+    --primary-foreground: 0 0% 0%;
+    --secondary: var(--background);
+    --secondary-foreground: var(--primary);
+    --muted: var(--background);
+    --muted-foreground: var(--primary);
+    --accent: 110 92% 56%;
+    --accent-foreground: var(--background);
+    --destructive: 0 50% 30%;
+    --destructive-foreground: 36 5% 90%;
+    --border: 110 92% 56%;
+    --input: 110 92% 56%;
+    --ring: 36 88.9% 85.9%;
+    --radius: 0.3rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+  }
 }
 
 @layer base {

diff --git a/apps/arkmarket/src/app/layout.tsx b/apps/arkmarket/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata, Viewport } from "next";
-import { Bebas_Neue, Space_Mono } from "next/font/google";
+import { Bebas_Neue, Space_Mono, VT323 } from "next/font/google";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 
 import { cn } from "@ark-market/ui";
@@ -113,6 +113,12 @@ const inconsolata = Space_Mono({
   weight: "400",
   display: "swap",
 });
+const vt323 = VT323({
+  subsets: ["latin"],
+  variable: "--font-vt323",
+  weight: "400",
+  display: "swap",
+})
 
 const backgroundImageStyle = {
   backgroundImage: `url(/backgrounds/map.svg)`,
@@ -137,6 +143,7 @@ export default function RootLayout({ children }: PropsWithChildren) {
           "min-h-screen overscroll-y-none bg-background text-foreground antialiased lg:pb-10",
           silkscreen.variable,
           inconsolata.variable,
+          vt323.variable,
         )}
       >
         <CustomFonts />

diff --git a/apps/arkmarket/src/env.ts b/apps/arkmarket/src/env.ts
@@ -26,7 +26,7 @@ export const env = createEnv({
     NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID: z.string(),
     NEXT_PUBLIC_IMAGE_CDN_URL: z.string().url(),
     NEXT_PUBLIC_IMAGE_PROXY_URL: z.string().url(),
-    NEXT_PUBLIC_THEME: z.enum(["unframed", "realms", "default"]).default("default"),
+    NEXT_PUBLIC_THEME: z.enum(["unframed", "realms", "lootsurvivor", "default"]).default("default"),
     NEXT_PUBLIC_MOBULA_API_KEY: z.string(),
     NEXT_PUBLIC_LORDS_TOKEN_ADDRESS: z.string(),
     NEXT_PUBLIC_RPC_API_KEY: z.string(),