fix: update light mode colors

arconnectio · Dec 20, 2024 · 08b3bee · 08b3bee
1 parent 61f9424
commit 08b3bee
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/auth/AuthButtons.tsx b/src/components/auth/AuthButtons.tsx
@@ -91,6 +91,7 @@ export function AuthButtons({
 const PStatusLabel = styled.p<{ status: AuthRequestStatus }>`
   margin: 0;
   padding: 16px;
-  background: ${({ theme }) => theme.backgroundv2};
+  background: ${(props) =>
+    props.theme.displayTheme === "light" ? "#f5f5f5" : "#191919"};
   border-radius: 10px;
 `;
diff --git a/src/routes/auth/connect.tsx b/src/routes/auth/connect.tsx
@@ -591,7 +591,7 @@ const ConnectWalletWrapper = styled.div`
   align-items: center;
   align-self: stretch;
   border-radius: 10px;
-  background: #333;
+  background: ${(props) => props.theme.backgroundSecondary};
 `;
 
 export const AccountSquircle = styled(Squircle)`
@@ -677,7 +677,7 @@ const CustomPermissionsButton = styled(Button)`
   align-items: center;
   align-self: stretch;
   border-radius: 8px;
-  background: #333;
+  background: ${(props) => props.theme.backgroundSecondary};
 `;
 
 const CustomPermissionsInfo = styled.div`
@@ -687,7 +687,7 @@ const CustomPermissionsInfo = styled.div`
   align-items: center;
   gap: 10px;
   align-self: stretch;
-  border: 1px solid #333;
+  border: 1px solid ${(props) => props.theme.backgroundSecondary};
   border-radius: 8px;
 `;