updated to match design

gallery-so · Apr 12, 2024 · e283c92 · e283c92
1 parent 96bd7a5
commit e283c92
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/apps/web/src/components/Feed/SuggestedProfileCard.tsx b/apps/web/src/components/Feed/SuggestedProfileCard.tsx
@@ -147,14 +147,14 @@ export default function SuggestedProfileCard({
 
 const StyledSuggestedProfileCard = styled(HStack)`
   border-radius: 4px;
-  background-color: ${colors.offWhite};
+  background-color: ${colors.faint};
   padding: 8px;
   cursor: pointer;
   text-decoration: none;
   overflow: hidden;
 
   &:hover {
-    background-color: ${colors.faint};
+    background-color: ${colors.porcelain};
   }
 
   @media only screen and ${breakpoints.desktop} {

diff --git a/apps/web/src/components/Search/Search.tsx b/apps/web/src/components/Search/Search.tsx
@@ -3,6 +3,7 @@ import { Route, route } from 'nextjs-routes';
 import { Suspense, useCallback, useState } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import styled from 'styled-components';
+import colors from '~/shared/theme/colors';
 
 import DrawerHeader from '~/contexts/globalLayout/GlobalSidebar/DrawerHeader';
 import { useDrawerActions } from '~/contexts/globalLayout/GlobalSidebar/SidebarDrawerContext';
@@ -144,6 +145,7 @@ export default function Search() {
 
 const StyledSearchContent = styled(VStack)`
   padding: 0 16px;
+  background-color: ${colors.offWhite};
 
   height: 100%;
   width: 100%;

diff --git a/apps/web/src/contexts/globalLayout/GlobalSidebar/AnimatedSidebarDrawer.tsx b/apps/web/src/contexts/globalLayout/GlobalSidebar/AnimatedSidebarDrawer.tsx
@@ -80,7 +80,7 @@ const StyledMotion = styled(motion.div)`
 `;
 
 const StyledDrawer = styled(VStack)`
-  background-color: ${colors.white};
+  background-color: ${colors.offWhite};
   width: 100%;
   position: relative;
   min-height: 0;