How can I change body background color?

Change body background with CSS

To change body background color you can use CSS. To do that, create styles.css file in your project and import it at the root of your application:

body {
  background-color: #f9f9f9;
}

Change body background with CSS variable

--mantine-color-body CSS variable is used for body background and as background color of some components (Modal, Paper, etc.). To override this variable, create styles.css file in your project and import it at the root of your application:

:root {
  @mixin light {
    --mantine-color-body: #f9f9f9;
  }

  @mixin dark {
    --mantine-color-body: #333;
  }
}