diff --git a/.changeset/blue-type-links.md b/.changeset/blue-type-links.md new file mode 100644 index 000000000..73cc2153d --- /dev/null +++ b/.changeset/blue-type-links.md @@ -0,0 +1,5 @@ +--- +'@doc-kit/generator-react': patch +--- + +Use a consistent link color for inline type annotations in light and dark themes. diff --git a/packages/react/src/html/ui/index.css b/packages/react/src/html/ui/index.css index 2aa7e056a..43b663e4c 100644 --- a/packages/react/src/html/ui/index.css +++ b/packages/react/src/html/ui/index.css @@ -196,10 +196,13 @@ main { border-radius: calc(var(--spacing, 0.25rem) * 1); .type-link { - /* Links keep their token color; underline marks the affordance */ - color: inherit; text-decoration: underline dotted; + span { + /* Override Shiki's inline light color and rehype-shiki's !important dark color. */ + color: inherit !important; + } + &:hover { text-decoration: underline; }