What's the best way to add my own custom theme using Pink Design?

I started playing around with overriding some theming variables, like --color-pink-text, for example, but it didn't seem that doing that alone was updating any component or utility class colors.

Also, I started inspecting the pink stylesheet by searching for instances of .theme-dark to see how that was done, but there are way too many instances (over a hundred, I believe.) So, I stopped going down that path.

I really want to use Pink Design for more than hobby projects, but I just want to be able to customize/override colors, like borders, corners, spacing, typography, etc. to fit the branding style I'm going for. But, mostly colors, at the very least.

I searched for articles and videos to no avail, and here I am. I'm pretty much new to Discord, but this seems like a good place to get some direction on this, or at the very least find out that what I want to do isn't possible with an appropriate amount of effort.

Of course, any advise on this would be extremely appreciated. Thanks!

There will be some big changes to pink since it's going to be updated for our new brand soon....maybe you might want to hold off?

Otherwise, overriding some of the variables would be the way to go: https://pink.appwrite.io/foundations/colors

Thanks Steven! Actually, this is making sense, now. I can do both, update the variables, and wait patiently for these enhancements.

This is definitely something to look forward to.