add dark mode colours

Author: aracho1

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

@@ -108,6 +108,7 @@ const notificationIconStyles = css`
 
 	svg {
 		margin-top: -${space[1] - 1}px;
+		fill: currentColor;
 	}
 `;
 const notificationLabelStyles = css`
@@ -328,7 +329,10 @@ export const ContributorFollowBlock = ({
 			/>
 			{isFollowingContributor && (
 				<div>
-					<StraightLines count={1} />
+					<StraightLines
+						count={1}
+						color={palette('--contributor-follow-straight-lines')}
+					/>
 					<NotificationAlert
 						isFollowing={isFollowingNotifications ?? false}
 						onClickHandler={

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

@@ -105,7 +105,10 @@ export const ContributorFollowBlockComponent = ({
 
 	return (
 		<div css={contributorBlockStyles}>
-			<StraightLines count={4} />
+			<StraightLines
+				count={4}
+				color={palette('--contributor-follow-straight-lines')}
+			/>
 			<div css={topRowStyles}>
 				{!!avatarUrl && (
 					<div css={avatarContainerStyles}>
@@ -135,7 +138,10 @@ export const ContributorFollowBlockComponent = ({
 					/>
 				</Island>
 			</div>
-			<StraightLines count={1} />
+			<StraightLines
+				count={1}
+				color={palette('--contributor-follow-straight-lines')}
+			/>
 		</div>
 	);
 };

dotcom-rendering/src/paletteDeclarations.ts

@@ -7088,11 +7088,11 @@ const paletteColours = {
 	},
 	'--contributor-follow-button-border': {
 		light: followIconFillLight,
-		dark: followIconFillDark,
+		dark: () => sourcePalette.neutral[20],
 	},
 	'--contributor-follow-button-border-following': {
 		light: () => sourcePalette.neutral[73],
-		dark: () => sourcePalette.neutral[73],
+		dark: () => sourcePalette.neutral[20],
 	},
 	'--contributor-follow-button-text': {
 		light: () => sourcePalette.neutral[7],
@@ -7102,6 +7102,10 @@ const paletteColours = {
 		light: () => sourcePalette.neutral[100],
 		dark: () => sourcePalette.neutral[100],
 	},
+	'--contributor-follow-straight-lines': {
+		light: () => sourcePalette.neutral[86],
+		dark: () => sourcePalette.neutral[38],
+	},
 	'--follow-icon-background': {
 		light: followIconBackgroundLight,
 		dark: followIconBackgroundDark,