Add new colour --bio-link-underline

guardian · Dec 11, 2024 · cd08a97 · cd08a97
1 parent 669bd62
commit cd08a97
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/dotcom-rendering/src/components/Bio.tsx b/dotcom-rendering/src/components/Bio.tsx
@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { neutral, space, textSans14 } from '@guardian/source/foundations';
+import { space, textSans14 } from '@guardian/source/foundations';
 import sanitise from 'sanitize-html';
 import { palette } from '../palette';
 
@@ -20,7 +20,7 @@ const bioStyles = css`
 		text-underline-offset: 3px;
 	}
 	a:not(:hover) {
-		text-decoration-color: ${neutral[86]};
+		text-decoration-color: ${palette('--bio-link-underline')};
 	}
 	a:hover {
 		text-decoration: underline;

diff --git a/dotcom-rendering/src/paletteDeclarations.ts b/dotcom-rendering/src/paletteDeclarations.ts
@@ -5374,6 +5374,8 @@ const lastUpdatedTextDark: PaletteFunction = ({ theme, design }) => {
 	}
 };
 
+const bioLinkUnderline: PaletteFunction = () => sourcePalette.neutral[86];
+
 const bioTextSubduedLight: PaletteFunction = () => sourcePalette.neutral[46];
 const bioTextSubduedDark: PaletteFunction = () => sourcePalette.neutral[86];
 
@@ -5915,6 +5917,10 @@ const paletteColours = {
 		light: avatarLight,
 		dark: avatarDark,
 	},
+	'--bio-link-underline': {
+		light: bioLinkUnderline,
+		dark: bioLinkUnderline,
+	},
 	'--bio-text-subdued': {
 		light: bioTextSubduedLight,
 		dark: bioTextSubduedDark,