Park UI needs to provide a simple color system (monochromatic themes) to keep the components styling simple and easy to understand.
Yet, I feel like we should have access to more "stateful" foreground colors. For example we have fg.error, but fg.success, fg.warn and fg.info could be equally important. Particularly for components like Callout and Toaster, where we might want to highlight the component type with colored icons or border colors, while remaining mostly monochromatic.
We add these colors as part of our own panda configuration or use colorPalette prop, but would be nice to stay semantic and preserve Park UI's pattern.
Park UI needs to provide a simple color system (monochromatic themes) to keep the components styling simple and easy to understand. Yet, I feel like we should have access to more "stateful" foreground colors. For example we have
fg.error, butfg.success,fg.warnandfg.infocould be equally important. Particularly for components likeCalloutandToaster, where we might want to highlight the component type with colored icons or border colors, while remaining mostly monochromatic.We add these colors as part of our own panda configuration or use
colorPaletteprop, but would be nice to stay semantic and preserve Park UI's pattern.What do you think of this request?
Link to
fg.error:https://github.com/cschroeter/park-ui/blob/4327adea7538efad7a365f7296818c67d70e84a3/packages/panda/src/theme/semantic-tokens/index.ts#L35