Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[Feature Request]: Design token for 'link' buttons

Open
#3,921 2 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 2 days

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
design, frontend

Research direction

Start by locating the link button styling and the design-token definitions it uses; the issue does not name specific files or tests. Check how normal button text tokens are applied and how themes override them. Done means link button text can be themed independently of normal button text, so a white normal button label does not make link text invisible on light backgrounds.

Written by the indexing model from the issue text.

Description

enhancement
Description

Currently, 'link' buttons text colour design token 'colorTextButtonNormalDefault'. My customer's theme-ing requirements set the normal button text to be white, with a background of purple. On light backgrounds, this makes link button text invisible (also white). More design tokens for link buttons would solve this issue. I wasn't able to find this behavior through documentation, but rather I had to manually figure out which design token was setting the link button text through iteratively changing the value and watching the UI.

Code of Conduct
Dominant language
TypeScript
Stars
2.7k
Forks
248
Avg merge
3d 14h
Merged PRs (30d)
83

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from cloudscape-design/components

All issues in cloudscape-design/components

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.