Skip to content

fix: correct app-store-badge-border CSS variable typo in dark mode - #184

Merged
deebov merged 1 commit into
untitleduico:mainfrom
Ali-hagha:main
Jun 1, 2026
Merged

deebov merged 1 commit into
untitleduico:mainfrom
Ali-hagha:main

Conversation

@Ali-hagha

@Ali-hagha Ali-hagha commented Jun 1, 2026 •

Copy link
Copy Markdown
Contributor

Changes

  • Renamed --color-app-store-badg-border to --color-app-store-badge-border in the dark mode theme block (styles/theme.css, line 718)
  • Aligns the dark mode override with the light-mode token (line 362) and the ring-app-store-badge-border utility used by app store buttons

Testing

  • Tested in Storybook (app store buttons — border in dark mode)
  • N/A — keyboard navigation (token-only change)
  • N/A — screen reader (token-only change)
  • N/A — mobile responsive (token-only change)
  • TypeScript compiles (CSS-only change)
  • No lint errors (single-line rename)

Screenshots

before:
image

after:
image

Related issues

N/A

@Ali-hagha

Copy link
Copy Markdown
Contributor Author

Follow-up: light-mode --color-app-store-badge-border should be var(--color-black) not rgb(166 166 166). Filled badges use bg-black; gray ring visible. Track separately or fix in follow-up PR.

@deebov deebov left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @Ali-hagha, thanks for the PR! Great catch!

@deebov
deebov merged commit d97ce86 into untitleduico:main Jun 1, 2026
@Ali-hagha

Copy link
Copy Markdown
Contributor Author

Thanks! @deebov What do you think about the value of --color-app-store-badge-border? Is rgb(166 166 166) intentional, or should it reference a token like the other component variables (e.g. var(--color-black))? I'm not entirly sure the gray color used here is intended.
current:
image
changed to var(--color-black):
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants