GettingStarted: Fixes backgrounds in welcome and getting started (#32613)

public/app/plugins/panel/gettingstarted/GettingStarted.tsx

@@ -8,8 +8,6 @@ import { contextSrv } from 'app/core/core';
 import { backendSrv } from 'app/core/services/backend_srv';
 import { getDashboardSrv } from 'app/features/dashboard/services/DashboardSrv';
 import { Step } from './components/Step';
-import imageDark from './img/Onboarding_Panel_dark.svg';
-import imageLight from './img/Onboarding_Panel_light.svg';
 import { getSteps } from './steps';
 import { Card, SetupStep } from './types';
 
@@ -121,13 +119,12 @@ export class GettingStarted extends PureComponent<PanelProps, State> {
 
 const getStyles = stylesFactory(() => {
   const { theme } = config;
-  const backgroundImage = theme.isDark ? imageDark : imageLight;
   return {
     container: css`
       display: flex;
       flex-direction: column;
       height: 100%;
-      background: url(${backgroundImage}) no-repeat;
+      background: url(public/img/getting_started_bg_${theme.type}.svg) no-repeat;
       background-size: cover;
       padding: ${theme.spacing.xl} ${theme.spacing.md} 0;
     `,

public/app/plugins/panel/welcome/Welcome.tsx

@@ -2,7 +2,6 @@ import React, { FC } from 'react';
 import { css } from '@emotion/css';
 import { GrafanaTheme } from '@grafana/data';
 import { stylesFactory, useTheme } from '@grafana/ui';
-import lightBackground from './img/background_light.svg';
 
 const helpOptions = [
   { value: 0, label: 'Documentation', href: 'https://grafana.com/docs/grafana/latest' },
@@ -38,12 +37,10 @@ export const WelcomeBanner: FC = () => {
 };
 
 const getStyles = stylesFactory((theme: GrafanaTheme) => {
-  const backgroundImage = theme.isDark ? 'public/img/login_background_dark.svg' : lightBackground;
-
   return {
     container: css`
       display: flex;
-      background: url(${backgroundImage}) no-repeat;
+      background: url(public/img/login_background_${theme.type}.svg) no-repeat;
       background-size: cover;
       height: 100%;
       align-items: center;