Documentation website uses a color format (OKLCH) that is not supported by older browsers

[John4650-hub]

This will make it alot easier to find whatever someone's is looking for.

The new page structure is also not beginner friendly and kinda waste's time as one has to go forexample through the demo section before getting to the props.

The dark theme looks better but the previous one looked way better since everything was easier to find.

[bvaughn]

I’m not really sure I understand what this issue is saying. The documentation does have syntax highlighting, and there’s a NAV menu that people can use to jump directly to the component props. You don’t have to read it any kind of order, though I did structure it in a way to hopefully explain the concepts to people as they go

[John4650-hub]

I’m not really sure I understand what this issue is saying. The documentation does have syntax highlighting, and there’s a NAV menu that people can use to jump directly to the component props. You don’t have to read it any kind of order, though I did structure it in a way to hopefully explain the concepts to people as they go

This is what am seeing in my browser.

[bvaughn]

Not sure why but it seems your browser is not rendering colors. This is what the docs should look like:

What operating system, browser, and browser version are you using?

[bvaughn]

I’m using Tailwind 4 for the new documentation site. It uses a new color format, OKLCH, which apparently is not widely supported yet by browsers:
https://tailwindcss.com/docs/compatibility#browser-support

I did not realize this or I would’ve stuck with version 3. I’ll try to look into downgrading though. I’m not sure how much effort that will be yet.

Sorry for the inconvenience

[John4650-hub]

I am using an older version of chrome due to google dropping support for my android version.

[John4650-hub]

I’m using Tailwind 4 for the new documentation site. It uses a new color format, OKLCH, which apparently is not widely supported yet by browsers: https://tailwindcss.com/docs/compatibility#browser-support

I did not realize this or I would’ve stuck with version 3. I’ll try to look into downgrading though. I’m not sure how much effort that will be yet.

Sorry for the inconvenience

Looking forward to this.

[bvaughn]

I think the @csstools/postcss-oklab-function plugin solves this in a nice way.

Before	After

[bvaughn]

I think 470dc24 should have resolved this issue for you. Can you take a look and let me know if the colors work now?

[bvaughn]

Just tested an older version of Chrome (v100) and verified this change fixed the issue, so I'm going to close this now. Thanks for the report!

[John4650-hub]

I think 470dc24 should have resolved this issue for you. Can you take a look and let me know if the colors work now?

Evrything looks great, thank you.