René's URL Explorer Experiment


Title: Convert CSS variables to Tailwind 4 theme variables by maurer2 · Pull Request #432 · TanStack/cli · GitHub

Open Graph Title: Convert CSS variables to Tailwind 4 theme variables by maurer2 · Pull Request #432 · TanStack/cli

X Title: Convert CSS variables to Tailwind 4 theme variables by maurer2 · Pull Request #432 · TanStack/cli

Description: The official TanStack CLI - Project Scaffolding, MCP Server, Agent Skills Installation, etc - Convert CSS variables to Tailwind 4 theme variables by maurer2 · Pull Request #432 · TanStack/cli

Open Graph Description: Hello, when scaffolding a router project, the generated React app uses JSX with the older arbitrary value syntax of Tailwind for CSS variables in the templates. Tailwind 4 provides a simpler approa...

X Description: Hello, when scaffolding a router project, the generated React app uses JSX with the older arbitrary value syntax of Tailwind for CSS variables in the templates. Tailwind 4 provides a simpler approa...

Opengraph URL: https://github.com/TanStack/cli/pull/432

X: @github

direct link

Domain: github.com

react-profiling0
react-import-mapreact,react-dom,react-dom/client,react-dom/profiling,react-is,react-reconciler,react/compiler-runtime,react/jsx-dev-runtime,react/jsx-runtime,scheduler@d5750093facf
route-pattern/_view_fragments/voltron/pull_requests/show/:user_id/:repository/:id/pull_request_layout(.:format)
route-controllervoltron_pull_requests_fragments
route-actionpull_request_layout
fetch-noncev2:db108b9c-cba3-9fa4-348f-1da36314537c
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idBB82:1E5A09:106E52C:158AB34:6AF99B78
html-safe-noncea5063a4369bf06f353a8ec04e440aed519d024ef81ec549e9f5563bc419d1f09
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCQjgyOjFFNUEwOToxMDZFNTJDOjE1OEFCMzQ6NkFGOTlCNzgiLCJ2aXNpdG9yX2lkIjoiODI2OTI2MTMxNDU4OTMwMTYyNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac51ff7962123005f7231af202bda2b14afd76ec80e3088835ba5697b4ac1111f1
hovercard-subject-tagpull_request:3536287898
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/pull_requests_fragments/pull_request_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/voltron/pull_requests/show/TanStack/cli/432/pull_request_layout
twitter:imagehttps://opengraph.githubassets.com/421c7b2240abee2bc4091ae565d6ad5b2f49801dc5b7180b4723f41a03d5b4ca/TanStack/cli/pull/432
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/421c7b2240abee2bc4091ae565d6ad5b2f49801dc5b7180b4723f41a03d5b4ca/TanStack/cli/pull/432
og:image:altHello, when scaffolding a router project, the generated React app uses JSX with the older arbitrary value syntax of Tailwind for CSS variables in the templates. Tailwind 4 provides a simpler approa...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamemaurer2
hostnamegithub.com
expected-hostnamegithub.com
None612d3e6ffd693e7ea8d9fcf452370995872baef31d825b1fedef704cd3d24ac7
turbo-cache-controlno-cache
go-importgithub.com/TanStack/cli git https://github.com/TanStack/cli.git
octolytics-dimension-user_id72518640
octolytics-dimension-user_loginTanStack
octolytics-dimension-repository_id932949058
octolytics-dimension-repository_nwoTanStack/cli
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id932949058
octolytics-dimension-repository_network_root_nwoTanStack/cli
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release072e34035c13c31543fba9f025cbbbda4210dae4
ui-targetfull
theme-color#1e2327
color-schemelight dark
react-app-namepull-requests

Links:

Skip to contenthttps://github.com/TanStack/cli/pull/432#start-of-content
https://github.com/
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FTanStack%2Fcli%2Fpull%2F432
GitHubRepository hosting, code review, and collaborationhttps://github.com/platform
CopilotAI coding agent for tasks, projects, and automated workhttps://github.com/features/copilot
ActionsCI/CD and automationhttps://github.com/features/actions
Code QualityQuality analysis, fixes, and enforcementhttps://github.com/features/code-quality
CodespacesCloud development environmentshttps://github.com/features/codespaces
Code SecurityVulnerability detection and remediationhttps://github.com/security/advanced-security/code-security
Secret ProtectionSecret scanning and leak preventionhttps://github.com/security/advanced-security/secret-protection
All Featureshttps://github.com/features
Documentationhttps://docs.github.com/en
Traininghttps://learn.github.com/skills
Certificationshttps://learn.github.com/credentials
Build with Copilothttps://github.com/features/ai
Customize Copilothttps://docs.github.com/en/copilot/how-tos/copilot-on-github/customize-copilot/customize-copilot-overview
Integrationshttps://github.com/marketplace
Trending reposhttps://github.com/trending
GitHub Sponsorshttps://github.com/open-source/sponsors
Developer articleshttps://github.com/resources/articles
ChangelogYour source for the latest features, improvements, and fixes across GitHub products, all in one place.https://github.blog/changelog/
Enterpriseshttps://github.com/enterprise
Teamhttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
See all industrieshttps://github.com/solutions/industry
Why GitHubhttps://github.com/why-github
Customer Storieshttps://github.com/customer-stories
Business insightshttps://github.com/solutions/executive-insights
Trust Centerhttps://github.com/trust-center
GitHub Advanced SecurityEnterprise-grade code securityhttps://github.com/security/advanced-security
Copilot for businessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Documentationhttps://docs.github.com/en
Resource centerhttps://github.com/resources
Bloghttps://github.blog/
Events & webinarshttps://github.com/resources/events
Community Forumhttps://github.com/orgs/community/discussions
Customer Storieshttps://github.com/customer-stories
Integrationshttps://github.com/marketplace
Customer supporthttps://help.github.com/
Traininghttps://learn.github.com/skills
GitHub Statushttps://www.githubstatus.com/
Abouthttps://github.com/about
Partnershttps://github.com/partners
Changeloghttps://github.blog/changelog/
GitHub UniverseThe event for developers, by developers — talks, workshops, and what’s next for GitHub.https://githubuniverse.com/
Pricinghttps://github.com/pricing
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FTanStack%2Fcli%2Fpull%2F432
Sign uphttps://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fpull_requests_fragments%2Fpull_request_layout&source=header-repo&source_repo=TanStack%2Fcli
Reloadhttps://github.com/TanStack/cli/pull/432
Reloadhttps://github.com/TanStack/cli/pull/432
Reloadhttps://github.com/TanStack/cli/pull/432
TanStackhttps://github.com/TanStack
clihttps://github.com/TanStack/cli
Codehttps://github.com/TanStack/cli
Issues13 (13)https://github.com/TanStack/cli/issues
Pull requests23 (23)https://github.com/TanStack/cli/pulls
Discussionshttps://github.com/TanStack/cli/discussions
Actionshttps://github.com/TanStack/cli/actions
Projectshttps://github.com/TanStack/cli/projects
Security and qualityhttps://github.com/TanStack/cli/security
Insightshttps://github.com/TanStack/cli/pulse
https://github.com/TanStack/cli
maurer2https://github.com/maurer2
TanStack:mainhttps://github.com/TanStack/cli/tree/main
maurer2:design-tokens-tailwind-4https://github.com/maurer2/cli/tree/design-tokens-tailwind-4
Conversationhttps://github.com/TanStack/cli/pull/432
Commits4 (4)https://github.com/TanStack/cli/pull/432/commits
Checkshttps://github.com/TanStack/cli/pull/432/checks
Files changedhttps://github.com/TanStack/cli/pull/432/files
Convert CSS variables to Tailwind 4 theme variableshttps://github.com/TanStack/cli/pull/432#top
maurer2https://github.com/maurer2
TanStack:mainhttps://github.com/TanStack/cli/tree/main
maurer2:design-tokens-tailwind-4https://github.com/maurer2/cli/tree/design-tokens-tailwind-4
https://github.com/maurer2
maurer2https://github.com/maurer2
Apr 15, 2026https://github.com/TanStack/cli/pull/432#issue-4271745506
Please reload this pagehttps://github.com/TanStack/cli/pull/432
theme variables defined in @themehttps://tailwindcss.com/docs/theme#what-are-theme-variables
namespaced (e.g. color- for colours, spacing- for margin and padding etc.)https://tailwindcss.com/docs/theme#theme-variable-namespaces
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/maurer2
Converted CSS vars to theme variableshttps://github.com/TanStack/cli/pull/432/commits/e3c19f110bd18cf6563f4ee0037cf5ee299144db
e3c19f1https://github.com/TanStack/cli/pull/432/commits/e3c19f110bd18cf6563f4ee0037cf5ee299144db
https://github.com/apps/coderabbitai
coderabbitaihttps://github.com/apps/coderabbitai
Apr 15, 2026https://github.com/TanStack/cli/pull/432#issuecomment-4255536862
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://app.coderabbit.ai/change-stack/TanStack/cli/pull/432?scope=ghh_OusAJGA4HG8ljoOV0wJvVx8NmnZIjc2DdjmxOu0xZWA&cs_source=review_comment
https://camo.githubusercontent.com/52c6b786492f6f8748feb782ecaf3a1d3152ec095001b1a26170cc7cbe533212/68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f636f64657261626269745f7075626c69635f6173736574732f7072652d6d657267652d636865636b732d7061737365642e737667
https://camo.githubusercontent.com/52c6b786492f6f8748feb782ecaf3a1d3152ec095001b1a26170cc7cbe533212/68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f636f64657261626269745f7075626c69635f6173736574732f7072652d6d657267652d636865636b732d7061737365642e737667
https://camo.githubusercontent.com/52c6b786492f6f8748feb782ecaf3a1d3152ec095001b1a26170cc7cbe533212/68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f636f64657261626269745f7075626c69635f6173736574732f7072652d6d657267652d636865636b732d7061737365642e737667
https://camo.githubusercontent.com/52c6b786492f6f8748feb782ecaf3a1d3152ec095001b1a26170cc7cbe533212/68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f636f64657261626269745f7075626c69635f6173736574732f7072652d6d657267652d636865636b732d7061737365642e737667
https://camo.githubusercontent.com/52c6b786492f6f8748feb782ecaf3a1d3152ec095001b1a26170cc7cbe533212/68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f636f64657261626269745f7075626c69635f6173736574732f7072652d6d657267652d636865636b732d7061737365642e737667
CodeRabbithttps://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=TanStack/cli&utm_content=432
Xhttps://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai
Mastodonhttps://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai
Reddithttps://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai
LinkedInhttps://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/maurer2
maurer2https://github.com/maurer2
April 15, 2026 21:19https://github.com/TanStack/cli/pull/432#event-24544887734
https://github.com/maurer2
maurer2https://github.com/maurer2
Apr 15, 2026https://github.com/TanStack/cli/pull/432#event-24544936832
https://github.com/maurer2
Merge remote-tracking branch 'upstream/main' into design-tokens-tailw…https://github.com/TanStack/cli/pull/432/commits/806ce73b4aa6f26d551fd6b624db967dcc021216
806ce73https://github.com/TanStack/cli/pull/432/commits/806ce73b4aa6f26d551fd6b624db967dcc021216
https://github.com/maurer2
maurer2https://github.com/maurer2
June 17, 2026 07:29https://github.com/TanStack/cli/pull/432#event-26847614536
https://github.com/maurer2
Replaced variable names with new names in recently added codehttps://github.com/TanStack/cli/pull/432/commits/b590a29335e94ae625a9b09f332b9f93d4f70f9f
b590a29https://github.com/TanStack/cli/pull/432/commits/b590a29335e94ae625a9b09f332b9f93d4f70f9f
https://github.com/maurer2
maurer2https://github.com/maurer2
Jun 17, 2026https://github.com/TanStack/cli/pull/432#event-26849756400
https://github.com/maurer2
maurer2https://github.com/maurer2
June 17, 2026 21:33https://github.com/TanStack/cli/pull/432#event-26882662191
https://github.com/mishucodes
mishucodeshttps://github.com/mishucodes
Sep 16, 2026 https://github.com/TanStack/cli/pull/432#ref-issue-5479197151
create: scaffold's unlayered body styles defeat its own @layer base rules (and any shadcn theme) #511 https://github.com/TanStack/cli/issues/511
https://github.com/tannerlinsley
tannerlinsleyhttps://github.com/tannerlinsley
Nov 5, 2026https://github.com/TanStack/cli/pull/432#issuecomment-6653292482
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/maurer2
maurer2https://github.com/maurer2
November 5, 2026 08:51https://github.com/TanStack/cli/pull/432#event-35220911260
https://github.com/tannerlinsley
fix(create): preserve add-on colors in Tailwind theme utilitieshttps://github.com/TanStack/cli/pull/432/commits/bdcc6b10814f44dc567fe3240e7badccf197bc8d
bdcc6b1https://github.com/TanStack/cli/pull/432/commits/bdcc6b10814f44dc567fe3240e7badccf197bc8d
https://github.com/apps/changeset-bot
changeset-bothttps://github.com/apps/changeset-bot
Nov 6, 2026https://github.com/TanStack/cli/pull/432#issuecomment-6676932087
bdcc6b1https://github.com/TanStack/cli/commit/bdcc6b10814f44dc567fe3240e7badccf197bc8d
Click here to learn what changesets arehttps://changesets.dev/faq
Click here if you're a maintainer who wants to add another changeset to this PRhttps://github.com/maurer2/cli/new/design-tokens-tailwind-4?filename=.changeset/hungry-kings-occur.md&value=---%0A%22%40tanstack%2Fcreate%22%3A%20patch%0A---%0A%0AConvert%20CSS%20variables%20to%20Tailwind%204%20theme%20variables%0A
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/tannerlinsley
tannerlinsleyhttps://github.com/tannerlinsley
Nov 6, 2026https://github.com/TanStack/cli/pull/432#issuecomment-6676934068
bdcc6b1https://github.com/TanStack/cli/commit/bdcc6b10814f44dc567fe3240e7badccf197bc8d
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/maurer2
maurer2https://github.com/maurer2
November 6, 2026 07:48https://github.com/TanStack/cli/pull/432#event-35326066680
https://github.com/maurer2
maurer2https://github.com/maurer2
Nov 6, 2026https://github.com/TanStack/cli/pull/432#issuecomment-6679999752
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/apps/coderabbitai
coderabbitaihttps://github.com/apps/coderabbitai
Nov 6, 2026 https://github.com/TanStack/cli/pull/432#pullrequestreview-5797279776
View reviewed changes https://github.com/TanStack/cli/pull/432/files/bdcc6b10814f44dc567fe3240e7badccf197bc8d
coderabbitaihttps://github.com/apps/coderabbitai
https://github.com/TanStack/cli/pull/432#pullrequestreview-5797279776
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
b590a29https://github.com/TanStack/cli/commit/b590a29335e94ae625a9b09f332b9f93d4f70f9f
bdcc6b1https://github.com/TanStack/cli/commit/bdcc6b10814f44dc567fe3240e7badccf197bc8d
Please reload this pagehttps://github.com/TanStack/cli/pull/432
packages/create/src/frameworks/react/project/base/src/styles.css.ejshttps://github.com/TanStack/cli/pull/432/files/bdcc6b10814f44dc567fe3240e7badccf197bc8d#diff-8b7ac64c5b38140ca58968dc5d004c92159e19e7d504e849616b685fd09837e9
coderabbitaihttps://github.com/apps/coderabbitai
Nov 6, 2026https://github.com/TanStack/cli/pull/432#discussion_r4490229378
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
Please reload this pagehttps://github.com/TanStack/cli/pull/432
feat(create): add Descope auth add-on for React #483 https://github.com/TanStack/cli/pull/483
feat(create): add Elysia and Eden integration #573 https://github.com/TanStack/cli/pull/573
https://github.co/hiddenchars
https://github.com/TanStack/cli/pull/{{ revealButtonHref }}
Sign up for freehttps://github.com/join?source=comment-repo
Sign in to commenthttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FTanStack%2Fcli%2Fpull%2F432
https://github.com/apps/coderabbitai
coderabbitai[bot] https://github.com/apps/coderabbitai
https://github.com/TanStack/cli/pull/432/files/bdcc6b10814f44dc567fe3240e7badccf197bc8d
Please reload this pagehttps://github.com/TanStack/cli/pull/432
Please reload this pagehttps://github.com/TanStack/cli/pull/432
https://github.com/maurer2
https://github.com/tannerlinsley
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.