Javascript ReactTopPrint忽略颜色更改，而是打印原始颜色

我正在开发一个CV生成器，我创建了一个按钮，可以将主颜色主题从蓝色更改为红色。颜色主题存储在css变量中，按钮可以工作。 但当我使用ReactTopPrint时，它完全忽略了这一变化，而是打印原始颜色

按钮：

<button onClick={() => {
                  let root = document.documentElement;
                    root.style.setProperty('--primary-color', "red");
                }}> Change Color</button>

{
让root=document.documentElement；
setProperty（'--primary color'，“red”）；
}}>变色

ReactTopPrint组件：

 <ReactToPrint
          trigger={() => {
            return <a href="#">Print this out!</a>;
          }}
          content={() => this.cvPdf}
        />

{
返回；
}}
content={（）=>this.cvPdf}
/>

感谢您的帮助！提前谢谢你