docs: fix simple preview background

dangreen · dangreen · commit 130e28e916f2 · 2025-10-27T22:41:43.000+04:00
diff --git a/website/docs/examples/area-chart.mdx b/website/docs/examples/area-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/bubble-chart.mdx b/website/docs/examples/bubble-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/chart-events.mdx b/website/docs/examples/chart-events.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/chart-ref.mdx b/website/docs/examples/chart-ref.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/doughnut-chart.mdx b/website/docs/examples/doughnut-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/gradient-chart.mdx b/website/docs/examples/gradient-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/grouped-bar-chart.mdx b/website/docs/examples/grouped-bar-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/horizontal-bar-chart.mdx b/website/docs/examples/horizontal-bar-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/line-chart.mdx b/website/docs/examples/line-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/multiaxis-line-chart.mdx b/website/docs/examples/multiaxis-line-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/multitype-chart.mdx b/website/docs/examples/multitype-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/pie-chart.mdx b/website/docs/examples/pie-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/polar-area-chart.mdx b/website/docs/examples/polar-area-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/radar-chart.mdx b/website/docs/examples/radar-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/scatter-chart.mdx b/website/docs/examples/scatter-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/stacked-bar-chart.mdx b/website/docs/examples/stacked-bar-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
diff --git a/website/docs/examples/vertical-bar-chart.mdx b/website/docs/examples/vertical-bar-chart.mdx
@@ -21,6 +21,7 @@ import ContextProvider from '../../src/components/ContextProvider';
         border: 0,
         borderRadius: '4px',
         overflow: 'hidden',
+        background: 'white',
       }}
       title='react-chartjs-2 preview'
     />
