This repository was archived by the owner on Sep 20, 2024. It is now read-only.
This repository was archived by the owner on Sep 20, 2024. It is now read-only.
Ability to totally remove System UI styling #427
Open
Description
Is your feature request related to a problem? Please describe.
I wish to use Chakra only for it's a11y capabilities and not the styling, for which I do already have TailwindCSS. How can I strip the System UI styling?
Describe the solution you'd like
Allow to not load any default theme and provide it's own styling.
Will also probably decrease the total bundle size in cases it's not used.
Describe alternatives you've considered
- using a more specific CSS selector +
@apply
overrides Chakra but it's really annoying and time consuming - using
important: true
intailwind.config.js
is working but I'd rather avoid this kind of bazooka if possible - don't give a penny and say f*** to a11y but... 😕
Additional context
This is the code that I do have
<c-text as="span" class="font-script">family not applied</c-text>
<span class="font-script">family applied</span>
<c-text class="forced-font-script">forced family with @apply</c-text>
And this is the CSS for the font-family
of the 3rd tag.
As we can guess, the 1st tag (aka c-text as="span" class="font-script"
combo) is having it's font-script
class overriden by the default -apple-system,BlinkMacSystemFont...
families.
Metadata
Metadata
Assignees
Labels
No labels