diff --git a/src/landings/components/CookBookArticleCard.module.scss b/src/landings/components/CookBookArticleCard.module.scss index f4c019e0d5f4..5c6d2fb8d81e 100644 --- a/src/landings/components/CookBookArticleCard.module.scss +++ b/src/landings/components/CookBookArticleCard.module.scss @@ -26,9 +26,11 @@ gap: 0.25rem; } -// The accent color belongs on the Primer React Link because h3 cannot override Link color. +// Also tints the icon. @primer/css base supplies the link's hover underline and focus ring. +// The underline offset matches the Primer React Link this replaced. .linkAccent { color: var(--brand-color-text-link-rest); + text-underline-offset: 0.05rem; } // bgColor-accent-muted resolves to Primer's blue wash, #388bfd1a in dark mode, diff --git a/src/landings/components/CookBookArticleCard.tsx b/src/landings/components/CookBookArticleCard.tsx index 35b9a69dcb29..80e947307bb6 100644 --- a/src/landings/components/CookBookArticleCard.tsx +++ b/src/landings/components/CookBookArticleCard.tsx @@ -1,6 +1,6 @@ import { Label } from '@primer/react-brand' -import { Link } from '@primer/react' import { clsx } from 'clsx' +import { Link } from '@/frame/components/Link' import { ValidOcticon, getOcticonComponent } from '../lib/octicons' import styles from './CookBookArticleCard.module.scss' diff --git a/src/search/components/input/SearchOverlay.tsx b/src/search/components/input/SearchOverlay.tsx index 62e449e7fe91..ebecf690624a 100644 --- a/src/search/components/input/SearchOverlay.tsx +++ b/src/search/components/input/SearchOverlay.tsx @@ -1,7 +1,8 @@ import React, { useState, useRef, RefObject, useEffect, useMemo } from 'react' import cx from 'clsx' import { useRouter } from 'next/router' -import { ActionList, IconButton, Overlay, Stack, TextInput, Banner } from '@primer/react' +import { ActionList, IconButton, Overlay, TextInput, Banner } from '@primer/react' +import { Stack } from '@primer/react-brand' import { SearchIcon, XCircleFillIcon, CopilotIcon, ArrowLeftIcon } from '@primer/octicons-react' import { focusTrap } from '@primer/behaviors' @@ -685,7 +686,7 @@ export function SearchOverlay({ onKeyDown={handleKeyDown} placeholder={t('search.input.placeholder_no_icon')} trailingAction={ - + { setSelectedIndex(-1)