fix: Spore color fixes (#7233)

* fix: bridge chain popup line break

* fix: background initial gradient to match the default ETH bg for light and dark mode

public/index.html

@@ -118,13 +118,13 @@
 
       @media (prefers-color-scheme: dark) {
         html {
-          background: linear-gradient(180deg, #202738 0%, #070816 100%);
+          background: linear-gradient(rgb(19, 19, 19) 0%, rgb(19, 19, 19) 100%);
         }
       }
 
       @media (prefers-color-scheme: light) {
         html {
-          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
+          background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255);
         }
       }
     </style>

src/components/NetworkAlert/NetworkAlert.tsx

@@ -8,7 +8,7 @@ import { ExternalLink, HideSmall } from 'theme'
 import { colors } from 'theme/colors'
 import { useDarkModeManager } from 'theme/components/ThemeToggle'
 
-import { AutoRow } from '../Row'
+import Column from '../Column'
 
 const L2Icon = styled.img`
   width: 24px;
@@ -23,6 +23,7 @@ const BodyText = styled.div`
   justify-content: flex-start;
   margin: 8px;
   font-size: 14px;
+  line-height: 20px;
 `
 const RootWrapper = styled.div`
   margin-top: 16px;
@@ -188,14 +189,14 @@ export function NetworkAlert() {
         <LinkOutToBridge href={bridge}>
           <BodyText color={textColor}>
             <L2Icon src={logoUrl} />
-            <AutoRow>
+            <Column>
               <Header>
                 <Trans>{label} token bridge</Trans>
               </Header>
               <HideSmall>
                 <Trans>Deposit tokens to the {label} network.</Trans>
               </HideSmall>
-            </AutoRow>
+            </Column>
           </BodyText>
           <StyledArrowUpRight color={textColor} />
         </LinkOutToBridge>