[feature idea]: @clack/prompts support for many different themes, variants, and colors about clack HOT 4 OPEN

I just started experimenting (amazing) clack with unjs/consola (unjs/consola#170, unjs/consola#169).

Currently had to make an inline copy/paste of @clack/prompts in order to customize symbols for CLI consistency. It would be amazing if exposed utils, can accept an optional styles or theme object (defaulting to currently static consts) and use this styles internally.

from clack.

I like this idea a lot and have similar thoughts. I haven't really sketched it out yet, but totally agree that theming would be a really powerful feature.

If you have any API ideas I'm all ears!

from clack.

I think theming can go many ways like if you want the theme layer to be at the core package and have a class that can drive themes. The could potentially be the base point that then, you can extend it within prompts that will create a bigger theme for prompts and then add custom variants/themes to inputs that was wrapped within prompts.

The only problem with injecting a theme within core is that you will have multiple prompts with the same config. So goes back to whats the best way to apply global settings that will look at the applied settings. You could possibly use unjs/c12 smart configuration loader from the root of the directory. To then load a config file of your choice to then drive global configuration. Or it could be at the core level but since this is a CLI root doesn't seem bad to have something at the root level config that can drive settings.

from clack.

@natemoo-re I think you could benefit from the NodeJS's AsyncLocalStorage class, and use something like React Context to propagate the user-defined theme through all the prompts. So the API could be something like this:

import { run } from `@clack/prompts`

run(async () => {
  // your cli code here...
}, { theme: someThemeConfig, onCancel: someCustomCancelHandling })

from clack.