Correctly theme scroll bar on linux

Author: telvarost

src/store/__tests__/theme-setter.test.tsx

@@ -12,8 +12,10 @@ describe('<ThemeSetter>', () => {
 		useComputedThemeMock.mockReturnValue('light');
 		render(<ThemeSetter />);
 		expect(document.body.dataset.appTheme).toBe('light');
+		expect(document.documentElement.style.getPropertyValue('color-scheme')).toBe('light');
 		useComputedThemeMock.mockReturnValue('dark');
 		render(<ThemeSetter />);
 		expect(document.body.dataset.appTheme).toBe('dark');
+		expect(document.documentElement.style.getPropertyValue('color-scheme')).toBe('dark');
 	});
 });

src/store/theme-setter.tsx

@@ -6,6 +6,11 @@ export function ThemeSetter() {
 
 	React.useEffect(() => {
 		document.body.dataset.appTheme = computedTheme;
+		if (computedTheme === "dark") {
+			document.documentElement.style.setProperty('color-scheme', 'dark');
+		} else {
+			document.documentElement.style.setProperty('color-scheme', 'light');
+		}
 	}, [computedTheme]);
 
 	return null;