change the ui/gray variant

[CareTiger]

So this is what i have in my app.config

export default defineAppConfig({
    ui: {
        primary: "emerald",
        gray: "stone",
    },
});

but it is picking up the darkest shade of stone in dark mode. how do i change the dark mode variant?

[benjamincanac]

What do you mean by the dark mode variant?

[CareTiger]

In the documents about theming (https://ui.nuxtlabs.com/getting-started/theming) it says one can add their own custom colors. I am using tailwind's stone as my "gray" and its defaulting to stone-950 (the darkest variant of stone) . but my brands secondary color is stone-800. so I tried putting the hexcode #292524 in quotes for gray and it didn't work. could you guys please show us some examples of customizing the color variants to meet our brand guidelines? its also quite likely that ii have not understood what is happening behind the scenes. but, thank you so much!

[CareTiger]

@benjamincanac any thoughts?

[CareTiger]

i figured it out. just brilliant work guys. kudos!!!!

[TechAkayy]

Hi @CareTiger, would be great if you can share your example of adding custom colors. Thanks!

[CareTiger]

@TechAkayy its still not working. this issue needs to be reopened