[PR #491] [MERGED] Upgrade Tailwind to v4 #3340

Closed
opened 2026-07-15 02:02:40 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/mountain-loop/yaak/pull/491
Author: @gschier
Created: 7/2/2026
Status: Merged
Merged: 7/2/2026
Merged by: @gschier

Base: mainHead: codex/upgrade-tailwind-v4


📝 Commits (2)

  • c87f31c Upgrade Tailwind to v4
  • 839215e Address Tailwind v4 review feedback

📊 Changes

112 files changed (+743 additions, -1026 deletions)

View changed files

📝 apps/yaak-client/commands/openFolderSettings.tsx (+1 -1)
📝 apps/yaak-client/components/BinaryFileEditor.tsx (+1 -1)
📝 apps/yaak-client/components/CloneGitRepositoryDialog.tsx (+1 -1)
📝 apps/yaak-client/components/ColorIndicator.tsx (+1 -1)
📝 apps/yaak-client/components/CommandPaletteDialog.tsx (+3 -3)
📝 apps/yaak-client/components/CookieDialog.tsx (+5 -5)
📝 apps/yaak-client/components/DnsOverridesEditor.tsx (+1 -1)
📝 apps/yaak-client/components/DropMarker.tsx (+2 -2)
📝 apps/yaak-client/components/DynamicForm.tsx (+5 -5)
📝 apps/yaak-client/components/EnvironmentActionsDropdown.tsx (+1 -1)
📝 apps/yaak-client/components/EnvironmentEditDialog.tsx (+1 -1)
📝 apps/yaak-client/components/FolderLayout.tsx (+2 -2)
📝 apps/yaak-client/components/FolderSettingsDialog.tsx (+4 -4)
📝 apps/yaak-client/components/GrpcEditor.tsx (+1 -1)
📝 apps/yaak-client/components/GrpcRequestPane.tsx (+4 -4)
📝 apps/yaak-client/components/HttpAuthenticationEditor.tsx (+1 -1)
📝 apps/yaak-client/components/HttpRequestLayout.tsx (+1 -1)
📝 apps/yaak-client/components/HttpRequestPane.tsx (+2 -2)
📝 apps/yaak-client/components/HttpResponsePane.tsx (+6 -6)
📝 apps/yaak-client/components/JsonBodyEditor.tsx (+2 -2)

...and 80 more files

📄 Description

Upgrades the app workspaces from Tailwind CSS v3 to v4 and moves the shared Tailwind configuration into the new CSS-first setup.

  • Replaces app Tailwind config files with shared @theme inline CSS so generated utilities continue to use Yaak runtime theme variables like --surface and --text
  • Switches PostCSS to @tailwindcss/postcss and removes Tailwind v3-only dependencies
  • Applies the official class migration across client and shared UI components, including important modifier and renamed utility syntax
  • Adds @reference imports for standalone CSS files that use @apply

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/mountain-loop/yaak/pull/491 **Author:** [@gschier](https://github.com/gschier) **Created:** 7/2/2026 **Status:** ✅ Merged **Merged:** 7/2/2026 **Merged by:** [@gschier](https://github.com/gschier) **Base:** `main` ← **Head:** `codex/upgrade-tailwind-v4` --- ### 📝 Commits (2) - [`c87f31c`](https://github.com/mountain-loop/yaak/commit/c87f31c7be6a6c2b8f767f9debf920884a15a479) Upgrade Tailwind to v4 - [`839215e`](https://github.com/mountain-loop/yaak/commit/839215e6209a1392feff940a9465d4b3fdc5ff94) Address Tailwind v4 review feedback ### 📊 Changes **112 files changed** (+743 additions, -1026 deletions) <details> <summary>View changed files</summary> 📝 `apps/yaak-client/commands/openFolderSettings.tsx` (+1 -1) 📝 `apps/yaak-client/components/BinaryFileEditor.tsx` (+1 -1) 📝 `apps/yaak-client/components/CloneGitRepositoryDialog.tsx` (+1 -1) 📝 `apps/yaak-client/components/ColorIndicator.tsx` (+1 -1) 📝 `apps/yaak-client/components/CommandPaletteDialog.tsx` (+3 -3) 📝 `apps/yaak-client/components/CookieDialog.tsx` (+5 -5) 📝 `apps/yaak-client/components/DnsOverridesEditor.tsx` (+1 -1) 📝 `apps/yaak-client/components/DropMarker.tsx` (+2 -2) 📝 `apps/yaak-client/components/DynamicForm.tsx` (+5 -5) 📝 `apps/yaak-client/components/EnvironmentActionsDropdown.tsx` (+1 -1) 📝 `apps/yaak-client/components/EnvironmentEditDialog.tsx` (+1 -1) 📝 `apps/yaak-client/components/FolderLayout.tsx` (+2 -2) 📝 `apps/yaak-client/components/FolderSettingsDialog.tsx` (+4 -4) 📝 `apps/yaak-client/components/GrpcEditor.tsx` (+1 -1) 📝 `apps/yaak-client/components/GrpcRequestPane.tsx` (+4 -4) 📝 `apps/yaak-client/components/HttpAuthenticationEditor.tsx` (+1 -1) 📝 `apps/yaak-client/components/HttpRequestLayout.tsx` (+1 -1) 📝 `apps/yaak-client/components/HttpRequestPane.tsx` (+2 -2) 📝 `apps/yaak-client/components/HttpResponsePane.tsx` (+6 -6) 📝 `apps/yaak-client/components/JsonBodyEditor.tsx` (+2 -2) _...and 80 more files_ </details> ### 📄 Description Upgrades the app workspaces from Tailwind CSS v3 to v4 and moves the shared Tailwind configuration into the new CSS-first setup. - Replaces app Tailwind config files with shared `@theme inline` CSS so generated utilities continue to use Yaak runtime theme variables like `--surface` and `--text` - Switches PostCSS to `@tailwindcss/postcss` and removes Tailwind v3-only dependencies - Applies the official class migration across client and shared UI components, including important modifier and renamed utility syntax - Adds `@reference` imports for standalone CSS files that use `@apply` --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-07-15 02:02:40 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/yaak#3340