Skip to content
This repository has been archived by the owner on Sep 20, 2024. It is now read-only.

Ability to totally remove System UI styling #427

Open
kissu opened this issue May 9, 2021 · 0 comments
Open

Ability to totally remove System UI styling #427

kissu opened this issue May 9, 2021 · 0 comments

Comments

@kissu
Copy link

kissu commented May 9, 2021

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 in tailwind.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>

This is the rendered content
image

And this is the CSS for the font-family of the 3rd tag.
image

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant