Merge pull request #2094 from oasisprotocol/csillag/fix-testnet-404-text-colors

Fix testnet 404 text colors

Author: csillag

.changelog/2094.bugfix.md

@@ -0,0 +1 @@
+Fix 404 text color on testnet

src/app/components/EmptyState/index.tsx

@@ -5,7 +5,6 @@ import { styled } from '@mui/material/styles'
 import lightBackgroundEmptyState from './images/background-empty-state.svg'
 import darkBackgroundEmptyState from './images/background-empty-state-dark.svg'
 import CancelIcon from '@mui/icons-material/Cancel'
-import { useTheme } from '@mui/material/styles'
 import { COLORS } from '../../../styles/theme/colors'
 
 const StyledBox = styled(Box)(({ theme }) => ({
@@ -42,9 +41,8 @@ type EmptyStateProps = {
 }
 
 export const EmptyState: FC<EmptyStateProps> = ({ description, title, light, minHeight = '360px' }) => {
-  const theme = useTheme()
   const content = (
-    <Box sx={{ color: light ? 'inherit' : theme.palette.layout.contrastMain, textAlign: 'center' }}>
+    <Box sx={{ color: light ? 'inherit' : COLORS.white, textAlign: 'center' }}>
       <Typography component="span" sx={{ fontSize: '30px', fontWeight: 500, display: 'block' }}>
         {title}
       </Typography>

src/app/pages/SearchResultsPage/NoResults.tsx

@@ -6,7 +6,6 @@ import { Link as RouterLink } from 'react-router-dom'
 import Link from '@mui/material/Link'
 import { SearchSuggestionsLinksForNoResults } from '../../components/Search/SearchSuggestionsLinksForNoResults'
 import { OptionalBreak } from '../../components/OptionalBreak'
-import { useTheme } from '@mui/material/styles'
 import { getNameForScope, SearchScope } from '../../../types/searchScope'
 import { getNetworkNames, Network } from '../../../types/network'
 import { Layer } from '../../../oasis-nexus/api'
@@ -17,7 +16,6 @@ export const NoResults: FC<{
   layer?: Layer
 }> = ({ network, layer }) => {
   const { t } = useTranslation()
-  const theme = useTheme()
   const title = network
     ? t('search.noResults.scopeHeader', {
         scope: layer ? getNameForScope(t, { network, layer }) : getNetworkNames(t)[network],
@@ -28,12 +26,7 @@ export const NoResults: FC<{
     <EmptyState
       title={title}
       description={
-        <Box
-          sx={{
-            textAlign: 'center',
-            a: { color: theme.palette.layout.contrastMain, textDecoration: 'underline' },
-          }}
-        >
+        <Box sx={{ a: { color: 'inherit', textDecoration: 'underline' } }}>
           <p>
             <Box>
               <Trans