theme generator in daisy ui4 like 5v

[osama300]

I’m trying to build a theme generator page with daisyUI v4 like the v5 version (https://daisyui.com/theme-generator
). But there are problems with colors, and when applying the theme it doesn’t work properly. What’s the solution? Even the daisyUI v4 site doesn’t include a theme generator.

[saadeghi]

Hey. That's nice.
What's the problem with colors?

[osama300]

When generating the theme, the colors are applied correctly, but afterwards, when I apply the resulting CSS code..

code: https://codepen.io/mnfictvu-the-builder/pen/zxvyQXw

    <style id="theme-juman">
        html[data-theme="light"] {
            color-scheme: light;

            --p: 69.02% 1 5;
            --pc: 0% 0 0;
            --s: 47.06% 0.2417 257;
            --sc: 100% 0 0;
            ....

Color issues appear when applying the final CSS

[osama300]

@saadeghi
please help me
I adopted Daisy 4 in SaaS e-commerce. The theme feature will provide customization for customers and will make the project excellent. Things are complicated with HSL colors.

[saadeghi]

Your color values are wrong. 94.9% 0.8462 33 is out of OKLCH range. Chroma (the second value in OKLCH) can be maximum 0.32 and even that is only available for some hue values.
Please use a tool like this to make sure your color values are correct: https://oklch.com/

[osama300]

Thanks, it's working now