This project does not include a CSS reset or global default styles.
Depending on your setup, the best way to provide those would vary, but in general the best option is to do it using a
plain CSS file. Avoid using styled-components's createGlobalStyle() as it might result in the following error and
unexpected results:
Please do not use
@importCSS syntax increateGlobalStyleat this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such asreact-helmetto inject a typical<link>meta tag to the stylesheet, or simply embedding it manually in yourindex.html<head>section for a simpler app.
You can find some simple global styles / CSS reset in this repo, at:
.storybook/preview-head.html
Additionally, you can find a more complex example in https://github.com/arconnectio/ArConnect/:
ArConnect/src/popup.htmlArConnect/assets/popup.cssArConnect/src/components/hardware/HardwareWalletTheme.tsx