diff --git a/www/front_src/src/Resources/Graph/Performance/ExportableGraphWithTimeline/exportToPng.ts b/www/front_src/src/Resources/Graph/Performance/ExportableGraphWithTimeline/exportToPng.ts
index 35f49e5507e..0f308c7c332 100644
--- a/www/front_src/src/Resources/Graph/Performance/ExportableGraphWithTimeline/exportToPng.ts
+++ b/www/front_src/src/Resources/Graph/Performance/ExportableGraphWithTimeline/exportToPng.ts
@@ -2,12 +2,18 @@ import { saveAs } from 'file-saver';
 import dom2image from 'dom-to-image';
 
 interface Props {
+  backgroundColor: string;
   element: HTMLElement;
   ratio: number;
   title: string;
 }
 
-const exportToPng = async ({ element, title, ratio }: Props): Promise<void> => {
+const exportToPng = async ({
+  element,
+  title,
+  ratio,
+  backgroundColor,
+}: Props): Promise<void> => {
   const dateTime = new Date().toISOString().substring(0, 19);
 
   const getTranslation = (size: number): number => {
@@ -19,7 +25,7 @@ const exportToPng = async ({ element, title, ratio }: Props): Promise<void> => {
 
   return dom2image
     .toBlob(element, {
-      bgcolor: '#FFFFFF',
+      bgcolor: backgroundColor,
       height: element.offsetHeight * ratio,
       style: {
         transform: `translate(-${translateX}px, -${translateY}px) scale(${ratio})`,
diff --git a/www/front_src/src/Resources/Graph/Performance/GraphActions.tsx b/www/front_src/src/Resources/Graph/Performance/GraphActions.tsx
index b731ff5bb11..c19c93ed464 100644
--- a/www/front_src/src/Resources/Graph/Performance/GraphActions.tsx
+++ b/www/front_src/src/Resources/Graph/Performance/GraphActions.tsx
@@ -8,6 +8,7 @@ import { Menu, MenuItem } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import SaveAsImageIcon from '@mui/icons-material/SaveAlt';
 import LaunchIcon from '@mui/icons-material/Launch';
+import { useTheme } from '@mui/material/styles';
 
 import {
   ContentWithCircularLoading,
@@ -56,6 +57,8 @@ const GraphActions = ({
   performanceGraphRef,
 }: Props): JSX.Element => {
   const classes = useStyles();
+  const theme = useTheme();
+
   const { t } = useTranslation();
   const [menuAnchor, setMenuAnchor] = useState<Element | null>(null);
   const [exporting, setExporting] = useState<boolean>(false);
@@ -96,6 +99,7 @@ const GraphActions = ({
     setMenuAnchor(null);
     setExporting(true);
     exportToPng({
+      backgroundColor: theme.palette.background.default,
       element: performanceGraphRef.current as HTMLElement,
       ratio,
       title: `${resourceName}-performance`,