add some chromatic modes with dark mode also

Author: oliverabrahams

dotcom-rendering/src/components/HorizontalSummaryProductCard.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { centreColumnDecorator } from '../../.storybook/decorators/gridDecorators';
+import { allModes } from '../../.storybook/modes';
 import { exampleProduct } from '../../fixtures/manual/productBlockElement';
 import { ArticleDesign, ArticleDisplay, Pillar } from '../lib/articleFormat';
 import { HorizontalSummaryProductCard } from './HorizontalSummaryProductCard';
@@ -15,6 +16,14 @@ const meta = {
 			theme: Pillar.Lifestyle,
 		},
 	},
+	parameters: {
+		chromatic: {
+			modes: {
+				'vertical mobile': allModes['vertical mobile'],
+				'vertical wide': allModes['vertical wide'],
+			},
+		},
+	},
 	decorators: [centreColumnDecorator],
 } satisfies Meta<typeof HorizontalSummaryProductCard>;