cschroeter / park-ui

Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
https://park-ui.com
MIT License
1.74k stars 75 forks source link

Global border styles are too aggressive #448

Open bohdanbirdie opened 1 month ago

bohdanbirdie commented 1 month ago

Global styles that set border colour are too aggressive: https://github.com/cschroeter/park-ui/blob/53235fbaf69e5f6b8a1bb8d2518a5816475a1f3c/packages/panda/src/global-css.ts#L18.

This may be totally OK for fresh projects. But in my case, where I'm migrating gradually from Tailwind to PandaCSS with ParkUI this style is too aggressive and takes over styling where I'm not expecting it.

There is a similar problem with Preflight, but it can be scoped with a class name. But in this case, I can't scope it with PandaCSS config, so must manually override the preset after it was created with createPreset

Perhaps this global styles config can either respect preflight scoping or it can be overwritten on createPreset function call. Or, it should not be global in the first place.

wdyt?