Fix stories

Author: ioannakok

dotcom-rendering/src/components/Contributor.tsx

@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import {
 	headlineMedium17,
+	palette as sourcePalette,
 	textEgyptianItalic17,
 	textSansItalic17,
 	until,
@@ -30,6 +31,16 @@ const standfirstColourBelowDesktop = css`
 	}
 `;
 
+const galleryBylineStyles = css`
+	a {
+		font-style: italic;
+		:hover {
+			text-decoration: none;
+			border-color: ${schemedPalette('--byline-anchor')};
+		}
+	}
+`;
+
 const bylineStyles = (format: ArticleFormat) => {
 	const defaultStyles = css`
 		${headlineMedium17}
@@ -52,17 +63,25 @@ const bylineStyles = (format: ArticleFormat) => {
 
 	switch (format.design) {
 		case ArticleDesign.Gallery:
-			return css`
-				${defaultStyles}
-				a {
-					font-style: italic;
-					:hover {
-						text-decoration: none;
-						border-color: ${schemedPalette('--byline-anchor')};
-					}
-				}
-			`;
+			switch (format.theme) {
+				case ArticleSpecial.Labs: {
+					return css`
+						${defaultStyles}
+						${galleryBylineStyles}
 
+						a {
+							border-bottom: 0.5px solid
+								${sourcePalette.neutral[46]};
+						}
+					`;
+				}
+				default: {
+					return css`
+						${defaultStyles}
+						${galleryBylineStyles}
+					`;
+				}
+			}
 		default:
 			return defaultStyles;
 	}

dotcom-rendering/src/paletteDeclarations.ts

@@ -979,7 +979,12 @@ export const tabs = {
 const datelineLight: PaletteFunction = ({ design, theme }) => {
 	switch (design) {
 		case ArticleDesign.Gallery:
-			return sourcePalette.neutral[60];
+			switch (theme) {
+				case ArticleSpecial.Labs:
+					return sourcePalette.neutral[86];
+				default:
+					return sourcePalette.neutral[60];
+			}
 		case ArticleDesign.Comment:
 		case ArticleDesign.Editorial:
 		case ArticleDesign.Letter:
@@ -2738,16 +2743,21 @@ const captionTextDark: PaletteFunction = ({ design, theme }) => {
 	}
 };
 
-const captionMainMediaTextLight: PaletteFunction = ({ design }) => {
-	switch (design) {
+const captionMainMediaTextLight: PaletteFunction = (format) => {
+	switch (format.design) {
 		case ArticleDesign.Gallery:
-			return sourcePalette.neutral[60];
+			switch (format.theme) {
+				case ArticleSpecial.Labs:
+					return captionTextLight(format);
+				default:
+					return sourcePalette.neutral[60];
+			}
 		default:
-			return sourcePalette.neutral[46];
+			return captionTextLight(format);
 	}
 };
-const captionMainMediaTextDark: PaletteFunction = () =>
-	sourcePalette.neutral[60];
+const captionMainMediaTextDark: PaletteFunction = (format) =>
+	captionTextDark(format);
 
 const captionLink: PaletteFunction = ({ design, theme }) => {
 	if (design === ArticleDesign.Analysis && theme === Pillar.News) {