Skip to content

fix: updated component styling, homegrid + component preview bg with new greyscale tokens#222

Open
najlaskr wants to merge 4 commits intocloudflare:mainfrom
najlaskr:component-styling-updates
Open

fix: updated component styling, homegrid + component preview bg with new greyscale tokens#222
najlaskr wants to merge 4 commits intocloudflare:mainfrom
najlaskr:component-styling-updates

Conversation

@najlaskr
Copy link
Contributor

overview

the first of many component updates to align with new greyscale tokens.

  • all component surfaces are updated to bg-kumo-base
  • all borders are updated to bg-kumo-ring
  • all surfaces that sit behind a component surface (i.e. non-active Tab or LayerCard.Secondary) are updated to bg-kumo-recessed to create depth
  • removed prev fills of all icons (i.e. on CaretDownIcon in Combobox) since it didn't meet a11y contrast ratio
  • HomeGrid and ComponentPreview backgrounds are updated to bg-kumo-surface

components updated

  • Combobox
  • Dialog
  • Input
  • LayerCard
  • Select
  • Tabs

@najlaskr najlaskr force-pushed the component-styling-updates branch from 84dd4e9 to d9c66ce Compare March 13, 2026 18:03
@geoquant
Copy link
Collaborator

geoquant commented Mar 15, 2026

i think you may also want rerun the component-registry to update the metadata around the color changes

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 16, 2026

npm i https://pkg.pr.new/@cloudflare/kumo@222

commit: e74f5b0

@github-actions
Copy link
Contributor

Docs Preview

View docs preview

Commit: e74f5b0

@github-actions
Copy link
Contributor

Visual Regression Report

No visual changes detected.

@stritt
Copy link
Collaborator

stritt commented Mar 17, 2026

@najlaskr can you resolve conflicts here so we can merge?

@najlaskr
Copy link
Contributor Author

@geoquant component registry is updated in the latest commit
@stritt conflicts are resolved too

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.

3 participants