Skip to content

Experiment with tailwind 4 and blue focus color#2637

Draft
amazingphilippe wants to merge 3 commits intomainfrom
experiment/tailwind-4-focus-blue
Draft

Experiment with tailwind 4 and blue focus color#2637
amazingphilippe wants to merge 3 commits intomainfrom
experiment/tailwind-4-focus-blue

Conversation

@amazingphilippe
Copy link
Copy Markdown
Contributor

@amazingphilippe amazingphilippe commented Mar 31, 2026

Summary | Résumé

Can we upgradde to tailwind 4? This PR shows what this migration might look like. And what it could enable us to do.

Mainly:

  • Upgrading to vite for compiling tailwind
  • Removing our tailwind config
  • Upgrading to node 20

I did not go through the entire upgrade guide, though I found the main issue is the deprecation of .container, which we have to configure ourselves as a custom utility and the deprecation of @screen, which becomes @variant

For fun, I've also explored how we might change our focus color, which has been an a11y issue since a long time.

There are likely many visual regressions introduced in this PR, beyond the expected focus color change.

@amazingphilippe amazingphilippe changed the title Experiment/tailwind 4 focus blue Experiment with tailwind 4 and blue focus color Mar 31, 2026
@amazingphilippe amazingphilippe marked this pull request as draft April 1, 2026 12:50
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.

1 participant