Upgrade to tailwindcss 4.0

[wei]

Perhaps should upgrade DaisyUI since tailwindcss is a dependency?

[aleguy02]

Hi! Can I take this issue? I'm not familiar with tailwind or DaisyUI but I've already started reading up on how to upgrade. Any pointers help but if not no worries.

[wei]

@aleguy02 assigned, much appreciated!

[aleguy02]

Upgrading to v4 changed the look of some components/utilities (for instance, bg-neutral on the repo input is darker now). Lmk, I could try manually editing them until they match the live site but they might not fully pass the e2e tests.

[aleguy02]

Also, v4 renamed some utilities so some of the snapshots may need to be updated.

[aleguy02]

I am running into an issue where the scale-125 in the GitHub svg isn't showing up on the site (the svg stays the same size) but have found a temporary workaround by creating a custom utility class. It seems like there is an issue with styles conflicting so I'm doing some reading on how to address this

Edit: changed message for specificity and to reflect new temporary fix

[aleguy02]

DaisyUI upgrade changed a lot of component's visuals, I fixed some minor visual bugs but can't pass the tests. Let me know how to approach updating snapshots @wei @CryogenicPlanet

[aleguy02]

Following up on this @wei @CryogenicPlanet

[wei]

Thanks for the bump! I'm returning from my trip next week and will have some time to review the pr 😊

[wei]

@aleguy02 I am open to have styles slightly different after the upgrade as long as they look nice. I'd start with using standard utility classes instead of creating new custom style overrides and decide from there. Please post a few before and after screenshots for approval and collect feedback as you work on them. TY!

[aleguy02]

alrighty will do, I have exams next week, and my technical interview for MLH ;), so I'll get started after that

[wei]

Good luck @aleguy02 !!