App.js
<code><div className="bg-background w-max h-max">
<Footer />
<Modal />
</div>
</code>
<code><div className="bg-background w-max h-max">
<Footer />
<Modal />
</div>
</code>
<div className="bg-background w-max h-max">
<Footer />
<Modal />
</div>
html
<code> <body
style="
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-color: #030518;
"
>
</code>
<code> <body
style="
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-color: #030518;
"
>
</code>
<body
style="
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-color: #030518;
"
>
And, yet before loading the screen. It looks like this. It becomes normal if I remove the DaisyUI out of tailwindcss but I want to use it tho. How can I make the whole HTML color to #030518?