Alert: Redesign with tinted background (#66918)

public/app/features/connections/components/ConnectionsRedirectNotice/ConnectionsRedirectNotice.tsx

@@ -17,7 +17,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
   alertParagraph: css`
     margin: 0 ${theme.spacing(1)} 0 0;
     line-height: ${theme.spacing(theme.components.height.sm)};
-    color: ${theme.colors.text.primary};
   `,
 });
 
@@ -31,8 +30,8 @@ export function ConnectionsRedirectNotice() {
           Data sources have a new home! You can discover new data sources or manage existing ones in the new Connections
           page, accessible from the lefthand nav.
         </p>
-        <LinkButton aria-label="Link to Connections" icon="adjust-circle" href={ROUTES.DataSources}>
-          See data sources in Connections
+        <LinkButton aria-label="Link to Connections" icon="arrow-right" href={ROUTES.DataSources} fill="text">
+          Go to connections
         </LinkButton>
       </div>
     </Alert>

public/app/features/live/LiveConnectionWarning.tsx

@@ -72,10 +72,8 @@ const getStyle = stylesFactory((theme: GrafanaTheme2) => {
       margin: 16px;
     `,
     warn: css`
-      border: 2px solid ${theme.colors.warning.main};
       max-width: 400px;
       margin: auto;
-      height: 3em;
     `,
   };
 });