Update colour of divider

Author: domlander

dotcom-rendering/src/components/ScrollableHighlights.importable.tsx

@@ -91,7 +91,7 @@ const verticalLineStyles = css`
 		bottom: 0;
 		right: -10px;
 		width: 1px;
-		background-color: ${palette('--card-border-top')};
+		background-color: ${palette('--highlights-container-separator')};
 		transform: translateX(-50%);
 	}
 `;

dotcom-rendering/src/paletteDeclarations.ts

@@ -5738,7 +5738,12 @@ const highlightsContainerBackgroundLight: PaletteFunction = () =>
 const highlightsContainerBackgroundDark: PaletteFunction = () =>
 	sourcePalette.neutral[10];
 
-const hghlightsContainerBorderLight: PaletteFunction = () =>
+const highlightsContainerSeparatorLight: PaletteFunction = () =>
+	sourcePalette.neutral[86];
+const highlightsContainerSeparatorDark: PaletteFunction = () =>
+	sourcePalette.neutral[46];
+
+const highlightsContainerBorderLight: PaletteFunction = () =>
 	sourcePalette.neutral[60];
 const highlightsContainerBorderDark: PaletteFunction = () =>
 	sourcePalette.neutral[46];
@@ -6963,7 +6968,7 @@ const paletteColours = {
 		dark: highlightsContainerBackgroundDark,
 	},
 	'--highlights-container-border': {
-		light: hghlightsContainerBorderLight,
+		light: highlightsContainerBorderLight,
 		dark: highlightsContainerBorderDark,
 	},
 	'--highlights-container-end-fade': {
@@ -6974,6 +6979,10 @@ const paletteColours = {
 		light: highlightContainerMidFadeLight,
 		dark: highlightContainerMidFadeDark,
 	},
+	'--highlights-container-separator': {
+		light: highlightsContainerSeparatorLight,
+		dark: highlightsContainerSeparatorDark,
+	},
 	'--highlights-container-start-fade': {
 		light: highlightContainerStartLight,
 		dark: highlightContainerStartDark,