how to disable P3 colors when generating css using @cobalt-ui/plugin-css
uptonking opened this issue · comments
Jin Yao commented
- P3 colors is good for production
- but during development, p3 color values is not as explict as hex values
- 🤔 is there an option to disable it
I've read docs in @cobalt-ui/plugin-css
Drew Powers commented
This is a good suggestion. We should add a p3
option (or something) in the config to disable P3 colors if desired (but generate them by default).
This plugin doesn’t distinguish between “dev” and “prod” but if you wanted to toggle it on or off based on env you could use process.env.NODE_ENV
, e.g.:
import pluginCSS from '@cobalt-ui/plugin-css';
/** @type import('@cobalt-ui/core').Config */
export default {
plugins: [
pluginCSS({
p3: process.env.NODE_ENV === 'production'
}),
],
}
Drew Powers commented
Released in v1.3.0
! 🎉 Just set p3: false
in the plugin options to disable it.