[Solved] text color in the input field and text area

[turbid pendant]

wow no one?

[wise dust]

so everyone replies at their own time, don't expect quick answers

if you started a next project with create-next-app you probably left the globals.css in there, remove that and you should be able to see the right colors

[turbid pendant]

but im using the global.css file i have some styles in there

[wise dust]

then you need to adjust your styles manually so the issue doesn't happen

[turbid pendant]

i don't understand... is there an article or a video explaining my issue ?

[wise dust]

No. Your globals are overwriting your form styles. You need to update them to fix the issue. Meaning you need to modify or write CSS manually.

[turbid pendant]

ok ty

[full echo]

you can do that directly at the component using styles={{color: "white !important"}}

[stray gulch]

This could work as a temporary fix until you fix your global.css but keep in mind use of !important is discouraged @turbid pendant

[turbid pendant]

thanks guys i tried and still didnt work i moved on from that project and finished it now im making a fresh one with nextui and react and its pain xd

the styles are just so confusing i cant use my tailwind right or custom media query in my css file maybe because im new to nextui and that kind of frameworks that gives you ready to use comps

[stray gulch]

Why are using both tailwind and next ui 🤔
I personally wouldn't do that it recommend that but it's your project.

And yes add [Solved] before the name of this post because this is solved post

[turbid pendant]

im using tailwind cuz i always make projects with it and this is my first time using ready to use comps and im learning thats why prob , i will mark as solved

[Solved] text color in the input field and text area

[turbid pendant]

can u help me with another small issue im having

[stray gulch]

Uhm sure?

https://dontasktoask.com

[turbid pendant]

hh ok

so why media querys in nextui kind work backwords so if i put smth in xs and it will work on largers screen not smaller

and how do i overwrite them to my own custom widths

[stray gulch]

Personally I am not a front end dev 😁

So i really don't know

[turbid pendant]

okay no problem thank you

[stray gulch]

But you shouldn't need media queries

In my opinion if you are using a front end framework you don't need to change css at all, it's made to be ready to use

[turbid pendant]

yes thats what im trying to do

[jaunty vault]

xs means you use min-width, so all screens from small to larger will apply that style until you specify another breakpoint. If you want to specify for a smaller from your breakpoint, use xsMax instead. You can read more about media here.
https://nextui.org/docs/theme/media

*cmiiw