Create dark mode prototype

Rari-Capital · Mar 8, 2022 · c9dd29f · c9dd29f
1 parent fc5b00d
commit c9dd29f
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 9 deletions.
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -4,7 +4,7 @@ import { Footer } from "./Footer";
 
 export const Layout = ({ children }: { children: any }) => {
   return (
-    <Box pb={10}>
+    <Box pb={10} background="darkmatte">
       <Header
         pb={40}
         position="relative"
@@ -23,7 +23,7 @@ export const Layout = ({ children }: { children: any }) => {
       >
         {children}
       </Box>
-      <Footer/>
+      <Footer />
     </Box>
   );
 };

diff --git a/src/components/MarketCard.tsx b/src/components/MarketCard.tsx
@@ -61,7 +61,6 @@ const MarketCard: React.FC<MarketCardProps> = ({
       p={4}
       py={6}
       width="100%"
-      variant="light"
       inAccordion={true}
       expandableChildren={
         <Internal
@@ -167,10 +166,9 @@ const Internal = ({
   const isEmpty = debouncedAmount === "0" || debouncedAmount === ""
 
   return (
-    <VStack spacing={4} alignItems="stretch" background="#F0F0F0">
+    <VStack spacing={4} alignItems="stretch">
       <TokenAmountInput
         border="none"
-        variant="light"
         tokenSymbol={tokenData?.symbol}
         tokenAddress={market.underlyingToken}
         value={amount}

diff --git a/src/components/Positions.tsx b/src/components/Positions.tsx
@@ -114,7 +114,6 @@ const PositionCard = ({
   return (
     <ExpandableCard
       inAccordion
-      variant="active"
       expandableChildren={
         <Internal
           type={action}
@@ -234,7 +233,6 @@ const Internal = ({
         <VStack mt={4} spacing={4} alignItems="stretch">
           <TokenAmountInput
             size="lg"
-            variant="light"
             value={amount}
             tokenSymbol={tokenData?.symbol}
             tokenAddress={market.underlyingToken}

diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx
@@ -62,8 +62,6 @@ export const Stats = ({
 
   return (
     <StatisticTable
-      variant="light"
-      backgroundColor="white"
       border="none"
       statistics={stats}
     />