bug: rootscrollgutter sets background color

[sbarre]

Reproduction URL (Required)

https://play.tailwindcss.com/tc1fOy67iY?file=css

What version of daisyUI are you using?

v5.5.5

Which browsers are you seeing the problem on?

All browsers

Describe your issue

I want to set a custom background color on my pages that isn't --color-base-100 so I am following the documentation and adding the following to my theme:

@plugin "daisyui" {
  exclude: rootcolor; 
};

Then in my own CSS file I add:

@layer base {
  :root {
    background-color: var(--color-base-300);
  }
}

However the background color remains --color-base-100 even when I exclude the rootcolor component.

On investigation it turns out that the rootscrollgutter component sets the root background-color as well, which (in my opinion) violates the single-responsibility principle, and is unexpected/undocumented.

daisyui/packages/daisyui/src/base/rootscrollgutter.css

Lines 16 to 18 in 1b03aa3

	:root:root {
	background: var(--page-scroll-bg, var(--root-bg, var(--color-base-100)));
	}

I think this is a bug because unless I also exclude the rootscrollgutter component, I cannot override DaisyUI's logic that the root background color must be --color-base-100 by excluding the rootcolor component as the docs indicate.

[github-actions]

Thank you @sbarre for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[pdanpdan]

I think you are right about side-effects.

Anyway we only should set the background-image:
https://play.tailwindcss.com/i3l2z4n54B?file=css

Hmm, it's not so simple, we need to set the background, but it would allow the strange case you have. Only watch out that the scrollgutter will stay as you set it.
https://play.tailwindcss.com/j4BEu1DsxH?file=css

While I agree with the single-responsibility and i'll look into a fix, why don't you set the --root-bg as needed?
https://play.tailwindcss.com/QmE3qM1tYv?file=css

[sbarre]

While I agree with the single-responsibility and i'll look into a fix, why don't you set the --root-bg as needed?
https://play.tailwindcss.com/QmE3qM1tYv?file=css

Thanks for the fix, I didn't know about --root-bg.