我开发了一个 Chrome 扩展程序，其中包含一个按钮和一个支持浅色和深色模式的网站的选择元素。按钮的颜色根据网站的配色方案成功更改，但我遇到了选择元素的问题。虽然选择元素的颜色按预期发生变化，但其背景颜色保持不变，不适应网站的配色方案。
我的目标是使选择元素的背景颜色根据站点的配色方案动态变化。请注意，网站的配色方案使用
<html style="color-scheme: light;">我尝试将选择元素的背景颜色设置为透明，但此解决方案没有产生所需的结果。此外，我尝试在
content.js考虑到网站的配色方案变化
<html style="color-scheme: light;">经过研究，我找到了对我有用的答案。
var rootElement = document.documentElement;
var classList = rootElement.classList;
if (classList.contains('light')) {
console.log('light.');
} else {
console.log('dark.');
}