diff --git a/src/components/@molecules/SearchInput/SearchInput.tsx b/src/components/@molecules/SearchInput/SearchInput.tsx index 7617bd356..0c3a97d9c 100644 --- a/src/components/@molecules/SearchInput/SearchInput.tsx +++ b/src/components/@molecules/SearchInput/SearchInput.tsx @@ -73,7 +73,7 @@ const SearchResultsContainer = styled.div<{ height: min-content; top: calc(100% + ${theme.space['3']}); - background-color: #f7f7f7; + background-color: ${theme.colors.background}; box-shadow: 0 2px 12px ${theme.colors.border}; border-radius: ${theme.radii.extraLarge}; border: ${theme.borderWidths.px} ${theme.borderStyles.solid} ${theme.colors.border}; diff --git a/src/components/pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx b/src/components/pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx index e29386ab3..ede638306 100644 --- a/src/components/pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx +++ b/src/components/pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx @@ -59,6 +59,7 @@ const Record = styled.div( background: ${theme.colors.greenSurface}; border-radius: ${theme.radii.input}; width: ${theme.space.full}; + color: ${theme.colors.text}; font-weight: ${theme.fontWeights.bold}; display: flex; flex-direction: row; diff --git a/src/components/pages/profile/[name]/tabs/PermissionsTab/Section.tsx b/src/components/pages/profile/[name]/tabs/PermissionsTab/Section.tsx index 6c9d8b71c..ceea8663b 100644 --- a/src/components/pages/profile/[name]/tabs/PermissionsTab/Section.tsx +++ b/src/components/pages/profile/[name]/tabs/PermissionsTab/Section.tsx @@ -110,6 +110,7 @@ const SectionListContainer = styled.div( li { font-size: ${theme.fontSizes.small}; font-weight: ${theme.fontWeights.normal}; + color: ${theme.colors.text}; } li::before { diff --git a/src/components/pages/profile/[name]/tabs/SubnamesTab.tsx b/src/components/pages/profile/[name]/tabs/SubnamesTab.tsx index 1d1793821..054beee48 100644 --- a/src/components/pages/profile/[name]/tabs/SubnamesTab.tsx +++ b/src/components/pages/profile/[name]/tabs/SubnamesTab.tsx @@ -55,6 +55,7 @@ const NoMoreResultsContainer = styled.div( align-items: center; justify-content: center; height: ${theme.space['15']}; + color: ${theme.colors.text}; `, )