Use article background colour for dark ad label

guardian · Jan 8, 2025 · 663dab0 · 663dab0
1 parent 691a87c
commit 663dab0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/dotcom-rendering/src/components/AdSlot.web.tsx b/dotcom-rendering/src/components/AdSlot.web.tsx
@@ -90,7 +90,7 @@ const outOfPageStyles = css`
 
 const darkLabelStyles = css`
 	.ad-slot[data-label-show='true']:not(.ad-slot--interscroller)::before {
-		background-color: transparent;
+		background-color: ${schemedPalette('--article-inner-background')};
 		border-top-color: ${palette.neutral[20]};
 		color: ${palette.neutral[86]};
 	}
@@ -474,6 +474,8 @@ export const AdSlot = ({
 												: 0}px;
 										`,
 										labelStyles,
+										colourScheme === 'dark' &&
+											darkLabelStyles,
 									]}
 									data-link-name="ad slot right"
 									data-name="right"