如何在反应中改变整个屏幕的颜色

Question

我正在react中工作，我想知道我们如何更改全身颜色或背景颜色，因为backgroundColor只是更改内容的backgroundColor，就像我在写一样

<div style="backgroundColor:black">
<p >hello</p>
</div>

它改变了"hello"的背景色，我怎么能改变整个背景色？

Answer 1

您可以在css文件中写入变量，这样您就可以为任何想要随主体一起更改颜色的组件提供相同的变量

:root {
--blue: #1e90ff;
}
body { background-color: var(--blue); }
otherelement{ background-color: var(--blue); }

您还可以动态更新该颜色变量，如下所示

document.documentElement.style.setProperty('--blue', "red");