Update to Tailwind v4

[antoniomacri]

Solves #71

[imaa]

youre PR is not mature, configurator does not close, side menu icons not the same as before, login,notfound, error not same design

[OnurEAkgul]

I've tried the same steps as you, using .postcssrc.json etc. etc. and encountered the same issues that @imaa said. the configurator not closing, login screen's broken css and the other pages

[antoniomacri]

You're right, I also noticed the problem on the configurator. However, I'm currently having no time to look at it, any help is appreciated.

[antoniomacri]

I noticed the original sakai theme also has some glitches. For instance in dark mode some numbers remain with the light theme and therefore are not visible:

(there should be a "152" under Orders).

[OnurEAkgul]

have you tested the dark mode compatibility? because in the dark mode everything seems to be working but when using the light mode the floating configurator stays in the dark mode. such as the pages like auth login error and not found, theese are the problems i just found, at least the styling has now been fixed and floating config is now can be closed

[imaa]

it looks good now Thanks

[gentunian]

have you tested the dark mode compatibility? because in the dark mode everything seems to be working but when using the light mode the floating configurator stays in the dark mode. such as the pages like auth login error and not found, theese are the problems i just found, at least the styling has now been fixed and floating config is now can be closed

I've found based on docs and how the app uses the .app-dark selector it's required for you to add it manually:

// tailwind.css file
@custom-variant dark (&:where(.app-dark, .app-dark *));

I'll add the suggestion to this PR to be added.

[gentunian]

Suggested change

	@import 'tailwindcss';
	@import 'tailwindcss';
	@plugin "tailwindcss-primeui";
	@custom-variant dark (&:where(.app-dark, .app-dark *));

Based on tailwind v4 you may need this: https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually

PS: tried to add a suggestion without luck

[antoniomacri]

We are being totally ignored here...

I've noticed there is similar work being done in the v20 branch. @mehmetcetin01140 what do we do here with the PR and the related issue?