Remove text color from error output

[lightyen]

Is there an option that I can remove ANSI escape code?

[ben-rogerson]

Hey there,
There's no option on this, but looks like a bug I'd need to fix.
What's your tailwind.config.js that generates this bad output?

[lightyen]

@ben-rogerson my tailwind config is nothing:

module.exports = {}

[RohitM-IN]

tailwind v3 update is yet to come u need to wait till then
the cyan color scheme is in v3
check #588

Duplicate of #589

[ben-rogerson]

@RootAndroid58 I believe this issue is more about the poor output rather than the missing cyan color here.

[ben-rogerson]

@lightyen Twin uses chalk for the terminal colors - I'll update the package in the next version, hopefully that may fix this output.

[lightyen]

I found that ansi-html doesn't support 24-bit color format, something like: \x1b[38;2;0;0;0mhelloworld\x1b[0m.

Then I have made a package to fix that:

[ben-rogerson]

Sounds interesting!
Would you be providing a PR I could take a look at?

[lightyen]

@ben-rogerson https://github.com/lightyen/react-refresh-webpack-plugin

[ben-rogerson]

So in that example you fixed the display of the error overlay, that's always been an issue - nice one 👍

I'm wondering how we can bring this fix into some of the twin examples.
How could we use ansi-html-string to fix the overlay on react-emotion-typescript?

[ben-rogerson]

Closing due to inactivity - feel free to reopen if there's something to act on here