feat(mfi-v2-ui): better contrast

mrgnlabs · Sep 30, 2023 · 5685d29 · 5685d29
1 parent 51ef93d
commit 5685d29
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsCheckingUser.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsCheckingUser.tsx
@@ -5,7 +5,7 @@ interface PointsCheckingUserProps {}
 
 export const PointsCheckingUser: FC<PointsCheckingUserProps> = ({}) => {
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>

diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsConnectWallet.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsConnectWallet.tsx
@@ -7,7 +7,7 @@ interface PointsConnectWalletProps {}
 
 export const PointsConnectWallet: FC<PointsConnectWalletProps> = ({}) => {
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>

diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignIn.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignIn.tsx
@@ -30,7 +30,7 @@ export const PointsSignIn: FC<PointsSignInProps> = ({}) => {
   }, [connection, useAuthTx, walletContextState]);
 
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>

diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignUp.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignUp.tsx
@@ -46,7 +46,7 @@ export const PointsSignUp: FC<PointsSignUpProps> = ({ referralCode }) => {
   }, [connection, finalReferralCode, useAuthTx, walletContextState]);
 
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>

diff --git a/.../marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/MobilePortfolioOverview.tsx b/.../marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/MobilePortfolioOverview.tsx
@@ -26,7 +26,7 @@ export const MobilePortfolioOverview: FC = () => {
   }, [selectedAccount]);
 
   return (
-    <div className="max-w-[800px] mx-auto w-full bg-[#131619] rounded-xl px-6 flex flex-col gap-[10px] h-full">
+    <div className="max-w-[800px] mx-auto w-full bg-[#1A1F22] rounded-xl px-6 flex flex-col gap-[10px] h-full">
       <div className="font-aeonik font-normal flex items-center text-2xl text-white pb-2">Your overview</div>
       <div className="text-center mx-auto">
         <div className={`text-sm font-normal text-[#868E95] pb-[4px]`}>Health factor</div>

diff --git a/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/SemiCircleProgress.tsx b/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/SemiCircleProgress.tsx
@@ -55,7 +55,7 @@ export const SemiCircleProgress = ({ amount }: Props) => {
       width: "180px",
       height: "90px",
       borderRadius: "90px",
-      backgroundColor: "#131619",
+      backgroundColor: "#1A1F22",
       top: "10px",
       marginLeft: "auto",
       marginRight: "auto",