'The background becomes black when I add DaisyUI in my SvelteJS+Tailwindcss Project

I was configuring with my SvelteJS and Tailwindcss project with DaisyUI. But every time I add DaisyUI to a Project the background color becomes black. Maybe it's a default color that's not the problem. but how will I change it?
After a lot of searches, I found if I add data-theme="corporate" default HTML tag it's gone. But I don't think it's a good idea to change the default HTML file.

<!DOCTYPE html>
<html lang="en" data-theme="corporate">
    <head>
        <meta charset="utf-8" />
        <meta name="description" content="" />
        <link rel="icon" href="%svelte.assets%/favicon.png" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        %svelte.head%
    </head>
    <body>
        <div>%svelte.body%</div>
    </body>
</html>

Please show me the correct way to change these colors in DaisyUI?

Solution 1:^[1]

Based on https://github.com/saadeghi/daisyui/issues/338

Try changing to base:false in your daisyUI config.

https://daisyui.com/docs/config/

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	working

'The background becomes black when I add DaisyUI in my SvelteJS+Tailwindcss Project

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]