Skip to content

Conversation

@Jaz-spec
Copy link
Collaborator

@Jaz-spec Jaz-spec commented Jun 5, 2025

Setup Tailwind CSS v4 with Custom Theme

Summary

  • Configure Tailwind CSS v4 with custom brand colors and typography
  • Add Metropolis font family integration via @fontsource
  • Implement CSS-based theme configuration using @theme directive

Dependencies

  • Upgraded tailwindcss to v4.1.8
  • @fontsource/metropolis for custom typography
    run npm install @fontsource/metropolis

Styling Configuration

  • src/app.css: Configured Tailwind v4 with custom theme including:
    • Brand color palette (pink, teal, yellow, orange, green, purple, etc.)
    • Metropolis font family setup
    • Global body styling with custom colors and typography

Copy link
Collaborator

@JasonWarrenUK JasonWarrenUK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IS NICE

@JasonWarrenUK JasonWarrenUK merged commit 2c68d19 into main Jun 5, 2025
1 check passed
@JasonWarrenUK JasonWarrenUK deleted the tailwind branch June 5, 2025 16:40
AlexVOiceover added a commit that referenced this pull request Nov 1, 2025
- Add saveSuccess state to show "Saved" confirmation for 2 seconds after save
- Display success message inline next to Save/Undo buttons in green text
- Remove "Saving..." text and spinner from button to prevent layout shift
- Keep button label as "Save" always, disable during save operation
- Update TESTING_ISSUES.md to mark Issue #10 as fixed
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