diff --git a/dotcom-rendering/src/components/InteractiveBlockComponent.importable.tsx b/dotcom-rendering/src/components/InteractiveBlockComponent.importable.tsx index ebe27716f6..03698c2306 100644 --- a/dotcom-rendering/src/components/InteractiveBlockComponent.importable.tsx +++ b/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; diff --git a/dotcom-rendering/src/paletteDeclarations.ts b/dotcom-rendering/src/paletteDeclarations.ts index 5d095e4ff2..d4b5592538 100644 --- a/dotcom-rendering/src/paletteDeclarations.ts +++ b/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,