gray alert style change and update screenshots

theme/components/Alert/Alert.ts

@@ -56,10 +56,10 @@ const variantSubtle = definePartsStyle((props) => {
   return {
     container: {
       [$fg.variable]: colorScheme === 'gray' ? 'colors.blackAlpha.800' : `colors.${ colorScheme }.500`,
-      [$bg.variable]: colorScheme === 'gray' ? 'colors.gray.100' : bg.light,
+      [$bg.variable]: colorScheme === 'gray' ? 'colors.blackAlpha.100' : bg.light,
       _dark: {
         [$fg.variable]: colorScheme === 'gray' ? 'colors.whiteAlpha.800' : `colors.${ colorScheme }.200`,
-        [$bg.variable]: colorScheme === 'gray' ? 'colors.gray.800' : bg.dark,
+        [$bg.variable]: colorScheme === 'gray' ? 'colors.whiteAlpha.200' : bg.dark,
       },
     },
   };

ui/tx/TxDetailsDegraded.tsx

@@ -158,7 +158,7 @@ const TxDetailsDegraded = ({ hash, txQuery }: Props) => {
   return (
     <>
       <Flex rowGap={ 2 } mb={ 6 } flexDir="column">
-        <TestnetWarning/>
+        <TestnetWarning isLoading={ query.isPlaceholderData }/>
         { originalError?.status !== 404 && <ServiceDegradationWarning isLoading={ query.isPlaceholderData }/> }
       </Flex>
       <TxInfo data={ query.data } isLoading={ query.isPlaceholderData }/>