diff --git a/packages/codex-design-tokens/src/codex-base.json b/packages/codex-design-tokens/src/codex-base.json index 9d19d408..1fcaab08 100644 --- a/packages/codex-design-tokens/src/codex-base.json +++ b/packages/codex-design-tokens/src/codex-base.json @@ -162,7 +162,7 @@ "value": "{ color.red600 }" }, "visited": { - "comment": "'Visited' color. In combination with progressive. Used for links.", + "comment": "'Visited' color. In combination with progressive. Used for default links.", "value": "{ color.purple }" }, "error": { diff --git a/packages/codex-design-tokens/src/codex-components.json b/packages/codex-design-tokens/src/codex-components.json index 97a09634..41627f07 100644 --- a/packages/codex-design-tokens/src/codex-components.json +++ b/packages/codex-design-tokens/src/codex-components.json @@ -74,6 +74,22 @@ "primary--focus": { "deprecated": true, "value": "{ color.progressive--focus }" + }, + "link-red": { + "comment": "Red ('new') Link color and states", + "value": "{ color.red600 }" + }, + "link-red--hover": { + "value": "{ color.red500 }" + }, + "link-red--active": { + "value": "{ color.red700 }" + }, + "link-red--focus": { + "value": "{ color.red600 }" + }, + "link-red--visited": { + "value": "{ color.maroon }" } }, "position": { diff --git a/packages/codex-design-tokens/src/theme-wikimedia-ui.json b/packages/codex-design-tokens/src/theme-wikimedia-ui.json index b8315a78..50c4f793 100644 --- a/packages/codex-design-tokens/src/theme-wikimedia-ui.json +++ b/packages/codex-design-tokens/src/theme-wikimedia-ui.json @@ -77,6 +77,9 @@ "purple": { "value": "#6b4ba1" }, + "maroon": { + "value": "#a55858" + }, "modifier-gray100-translucent": { "comment": "TODO: Not part of DS Figma yet. Equals `color-gray100` on white.", "value": "rgba( 0, 24, 73, calc( 7 / 255 ) )"