import '@mantine/core/styles.css'; is ruining my main css

[crude zealot]

I added this import to get the formatting given by mantine.
However, now all the other pages have a completely destroyed formatting : background-color in black

[gentle phoenix]

You need to follow getting started guide to setup all other parts for your framework. In case you do not want global styles, you can import only styles for components that you need –https://mantine.dev/styles/css-files-list/

[crude zealot]

@gentle phoenix thanks ! It helped a bit but some didnt make it, like the arrow on the right part of the faq question

import '@mantine/core/styles/Accordion.css';
import '@mantine/core/styles/Container.css';
import '@mantine/core/styles/ScrollArea.css';
import '@mantine/core/styles/UnstyledButton.css';
import '@mantine/core/styles/VisuallyHidden.css';
import '@mantine/core/styles/Paper.css';
import '@mantine/core/styles/Popover.css';
import '@mantine/core/styles/CloseButton.css';
import '@mantine/core/styles/Group.css';
import '@mantine/core/styles/Loader.css';
import '@mantine/core/styles/Overlay.css';
import '@mantine/core/styles/ModalBase.css';
import '@mantine/core/styles/Input.css';
import '@mantine/core/styles/Flex.css';

It should look like this

[crude zealot]

If somebody have a solution I would love to know it, I have been trying to solve this issue for hours

[wary ridge]

did you try importing the "layer" styles instead? https://mantine.dev/styles/mantine-styles/#css-layers

[crude zealot]

For all components ?

import '@mantine/core/styles.layer.css';
Okay I did this it worked