Revert "Merge pull request #12831 from guardian/support-datawrapper-a…

…uto-dark-mode"

It turns out the font colour on iOS is not responding correctly to dark
mode graphics, giving us black text on a dark background. While we
figure out how to fix that, we’d like to revert the support for
auto-dark-mode, as adding it slightly reduced the spacing around
light-mode graphics in dark mode.

This reverts commit 90f72e9, reversing
changes made to 89a9121.

dotcom-rendering/src/components/InteractiveBlockComponent.importable.tsx

@@ -113,11 +113,7 @@ const wrapperStyle = ({
 	isDatawrapperGraphic: boolean;
 }) => css`
 	${format.theme === ArticleSpecial.Labs ? textSans17 : article17}
-	background-color: ${themePalette(
-		isDatawrapperGraphic
-			? '--interactive-block-background-datawrapper'
-			: '--interactive-block-background',
-	)};
+	background-color: ${themePalette('--interactive-block-background')};
 	min-height: ${getMinHeight(role, loaded)};
 	position: relative;
 	display: flex;

dotcom-rendering/src/paletteDeclarations.ts

@@ -4015,37 +4015,6 @@ const interactiveBlockBackgroundLight: PaletteFunction = ({
 
 const interactiveBlockBackgroundDark = () => sourcePalette.neutral[100];
 
-const interactiveBlockBackgroundDatawrapperDark: PaletteFunction = ({
-	design,
-	theme,
-}) => {
-	switch (design) {
-		case ArticleDesign.DeadBlog:
-		case ArticleDesign.LiveBlog:
-			return sourcePalette.neutral[10]; // same as liveBlockContainerBackgroundDark
-		case ArticleDesign.Standard:
-		case ArticleDesign.Review:
-		case ArticleDesign.Explainer:
-		case ArticleDesign.Feature:
-		case ArticleDesign.Interview:
-		case ArticleDesign.Interactive:
-		case ArticleDesign.PhotoEssay:
-		case ArticleDesign.FullPageInteractive:
-		case ArticleDesign.NewsletterSignup:
-		case ArticleDesign.Comment:
-		case ArticleDesign.Letter:
-		case ArticleDesign.Editorial:
-			switch (theme) {
-				case ArticleSpecial.SpecialReportAlt:
-					return sourcePalette.specialReportAlt[100]; // same as articleBackgroundDark
-				default:
-					return sourcePalette.neutral[10]; // same as articleBackgroundDark
-			}
-		default:
-			return sourcePalette.neutral[10]; // same as articleBackgroundDark
-	}
-};
-
 const mostViewedHeadlineLight = (): string => sourcePalette.neutral[7];
 const mostViewedHeadlineDark = (): string => sourcePalette.neutral[86];
 
@@ -6549,10 +6518,6 @@ const paletteColours = {
 		light: interactiveBlockBackgroundLight,
 		dark: interactiveBlockBackgroundDark,
 	},
-	'--interactive-block-background-datawrapper': {
-		light: interactiveBlockBackgroundLight,
-		dark: interactiveBlockBackgroundDatawrapperDark,
-	},
 	'--interactive-contents-hover': {
 		light: interactiveContentsHoverLight,
 		dark: interactiveContentsHoverDark,