Fix styling for end of Labs Galleries links in light mode

Author: deedeeh

dotcom-rendering/src/components/SubMeta.tsx

@@ -62,22 +62,6 @@ const listStyles = css`
 	display: flex;
 	flex-wrap: wrap;
 	gap: 1.5rem 0.25rem;
-	background-image: repeating-linear-gradient(
-			to bottom,
-			${palette('--sub-meta-background')} 0px,
-			${palette('--sub-meta-background')} 2.25rem,
-			transparent 2.25rem,
-			transparent 2.3125rem,
-			${palette('--sub-meta-background')} 2.3125rem,
-			${palette('--sub-meta-background')} 3rem
-		),
-		repeating-linear-gradient(
-			to right,
-			${palette('--article-border')} 0px,
-			${palette('--article-border')} 0.1875rem,
-			transparent 0.1875rem,
-			transparent 0.3125rem
-		);
 	background-position: top;
 	background-repeat: no-repeat;
 `;

dotcom-rendering/src/paletteDeclarations.ts

@@ -3977,7 +3977,12 @@ const subMetaBackgroundDark: PaletteFunction = ({ design, theme }) => {
 const subMetaTextLight: PaletteFunction = ({ design, theme }) => {
 	switch (theme) {
 		case ArticleSpecial.Labs:
-			return sourcePalette.neutral[7];
+			switch (design) {
+				case ArticleDesign.Gallery:
+					return sourcePalette.neutral[86];
+				default:
+					return sourcePalette.neutral[7];
+			}
 		case ArticleSpecial.SpecialReport:
 			return sourcePalette.specialReport[100];
 		default:
@@ -4053,7 +4058,12 @@ const subMetaTextHoverLight: PaletteFunction = ({ design, theme }) => {
 		case ArticleDesign.Picture:
 			switch (theme) {
 				case ArticleSpecial.Labs:
-					return sourcePalette.neutral[100];
+					switch (design) {
+						case ArticleDesign.Gallery:
+							return sourcePalette.neutral[7];
+						default:
+							return sourcePalette.neutral[100];
+					}
 				default:
 					return sourcePalette.neutral[7];
 			}