Skip to content

fix: restore UI styling - Tailwind v3 downgrade#73

Merged
overwrite00 merged 1 commit into
mainfrom
develop
Jun 26, 2026
Merged

fix: restore UI styling - Tailwind v3 downgrade#73
overwrite00 merged 1 commit into
mainfrom
develop

Conversation

@overwrite00

Copy link
Copy Markdown
Owner

Summary

Fixed critical UI styling issue where all colors, spacing, and the About dialog were broken due to Tailwind v4 incompatibility.

Changes

  • Downgraded Tailwind from v4 to v3 (v4's content scanning was broken)
  • Updated postcss.config.js for Tailwind v3 compatibility
  • Rebuilt frontend with correct CSS generation (~15 kB)

Impact

  • UI colors restored (cyan/blue cyber theme)
  • Text formatting and spacing restored
  • About dialog now displays correctly
  • All utility classes properly generated

Testing

  • Frontend rebuilt successfully with all CSS classes present
  • No breaking changes to component APIs

Tailwind v4 with @tailwindcss/postcss was not correctly scanning content files,
resulting in no CSS classes being generated (except custom shadows). This broke
all UI colors, spacing, and the About dialog.

Downgraded to Tailwind v3 which correctly generates all utility classes from
the configured colors and properly processes the tailwind.config.js settings.
@overwrite00 overwrite00 self-assigned this Jun 26, 2026
@overwrite00 overwrite00 merged commit 4867310 into main Jun 26, 2026
15 checks passed
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