https://supertokens.com/ logo
change styling
p

PMJohnson

04/28/2023, 3:26 AM
Hey! Is there a way to use the SuperTokens React library, without adopting the styles? Or do I have to roll my own to customize it? I already have all my base styles set up. So having to negate all of SuperTokens existing styles is a pain.
r

rp

04/28/2023, 5:21 AM
he @PMJohnson You can add your custom style to our components (See the styling docs) Or you can disable shadow root for our components and see if your styles auto apply to our components.
p

PMJohnson

04/28/2023, 3:56 PM
I want to do the latter. But styles from a css file are a lower priority than inline styles added to the DOM so I'd have to
!Important
all of them. Is there a way to prevent the styles loading at all? Without removing them from the DOM after they've loaded?
r

rp

04/28/2023, 6:57 PM
i don't think so there is. But perhaps @porcellus can shed some light on it. Maybe you can also checkout this section: https://supertokens.com/docs/thirdpartyemailpassword/common-customizations/styling/changing-style (you can effectively give your own CSS string this way)
p

porcellus

05/01/2023, 11:53 AM
hi, no, there is no way to disable it, but the styles are not inline.
also, sorry for the really late response I just saw the tag.
our styles generally use a single class selector so it should be possible to add style rules with higher specificity without marking everything as
!important