Update labs styling

guardian · Jan 8, 2025 · 8fe7606 · 8fe7606
1 parent 98f6570
commit 8fe7606
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/dotcom-rendering/src/components/AdSlot.web.tsx b/dotcom-rendering/src/components/AdSlot.web.tsx
@@ -143,12 +143,13 @@ const merchandisingAdStyles = css`
 const rightAdStyles = css`
 	background-color: ${schemedPalette('--ad-background-article-inner')};
 	max-width: 300px;
+`;
 
-	/**
-	 * The right slot label should be dark on audio and video articles even
-	 * in light mode. Other slots will stay the same as the right ad slot is
-	 * the only one to overlay the dark section of Audio/Video pages.
-	 */
+/*** The right slot label should be dark on audio and video articles even
+ * in light mode. Other slots will stay the same as the right ad slot is
+ * the only one to overlay the dark section of Audio/Video pages.
+ */
+const rightAdLabelStyles = css`
 	.ad-slot--right[data-label-show='true']::before {
 		background-color: ${schemedPalette('--ad-background-article-inner')};
 		border-top-color: ${schemedPalette('--ad-border-article-inner')};
@@ -453,7 +454,7 @@ export const AdSlot = ({
 										max-height: 100%;
 									`,
 									labelStyles,
-									rightAdStyles,
+									rightAdLabelStyles,
 								]}
 							>
 								<div

diff --git a/dotcom-rendering/src/paletteDeclarations.ts b/dotcom-rendering/src/paletteDeclarations.ts
@@ -1915,7 +1915,7 @@ const articleInnerAdBackgroundLight: PaletteFunction = ({ design, theme }) => {
 		case ArticleDesign.Video:
 			switch (theme) {
 				case ArticleSpecial.Labs:
-					return sourcePalette.neutral[86];
+					return sourcePalette.neutral[97];
 				default:
 					return sourcePalette.neutral[0];
 			}
@@ -1942,7 +1942,7 @@ const articleInnerAdBorderLight: PaletteFunction = ({ design, theme }) => {
 		case ArticleDesign.Video:
 			switch (theme) {
 				case ArticleSpecial.Labs:
-					return sourcePalette.neutral[60];
+					return sourcePalette.neutral[86];
 				default:
 					return sourcePalette.neutral[20];
 			}