Javascript 如何在暗模式下更改条纹样式？

我必须更改暗模式下条纹输入的颜色。但我找不到这个选项。有办法吗？下面的例子解释了我的案例

var stripe=stripe（'pk_test_6pRNASCoBOKtIshFeQd4XMUh'）；
var elements=stripe.elements（）；
var card=元素。创建（'card'{
风格：{
基数：{
iconColor:“#666EE8”，
颜色：'绿色'，//我想在黑暗模式下将此设置为黄色
线宽：“40px”，
重量：300，
fontFamily:“新赫尔维蒂卡”，赫尔维蒂卡，无衬线，
fontSize:'15px'，
“：：占位符”：{
颜色：“#CFD7E0”，
},
},
}
});
卡。挂载（“#卡元素”）；
document.querySelector（“.toggle dark mode”）.onclick=function（）{
document.body.classList.toggle（“暗模式”）；
}

*{
字体系列：“Helvetica Neue”，Helvetica；
字体大小：15px；
字体变体：正常；
填充：0；
保证金：0；
}
html{
身高：100%；
}
身体{
背景#E6EBF1；
对齐项目：居中；
最小高度：100%；
显示器：flex；
宽度：100%；
}
形式{
宽度：480px；
保证金：20px自动；
}
.组{
背景：白色；
边界半径：4px；
边缘底部：20px；
}
标签{
位置：相对位置；
颜色：#8898AA；
字体大小：300；
高度：40px；
线高：40px；
左边距：20px；
显示：块；
}
.组标签：非（：最后一个子项）{
边框底部：1px实心#F0F5FA；
}
标签>跨度{
宽度：20%；
文本对齐：右对齐；
浮动：左；
}
.场{
背景：透明；
字体大小：300；
边界：0；
颜色：31325F；
大纲：无；
右边填充：10px；
左侧填充：10px；
光标：文本；
宽度：70%；
高度：40px；
浮动：对；
}
.field:：-webkit输入占位符{
颜色：#CFD7E0；
}
.field:：-moz占位符{
颜色：#CFD7E0；
}
.field:-ms输入占位符{
颜色：#CFD7E0；
}
.btn{
浮动：左；
显示：块；
背景：#666EE8；
颜色：白色；
边界半径：4px；
边界：0；
边缘顶部：20px；
字体大小：15px；
字体大小：400；
宽度：100%；
高度：40px；
线高：38px；
大纲：无；
}
.btn:焦点{
背景#555ABF；
}
.btn：活动{
背景#43458B；
}
.结果{
浮动：左；
宽度：100%；
填充顶部：8px；
最小高度：24px；
文本对齐：居中；
}
.成功，
.错误{
显示：无；
字体大小：13px；
}
.成功，
.error.visible{
显示：内联；
}
.错误{
颜色：#E4584C；
}
.成功{
颜色：#666EE8；
}
.成功.代币{
字号：500；
字体大小：13px；
}
.切换暗模式{
位置：固定；
左：20px；
顶部：20px；
}
.暗模式{
背景：#444；
}
.黑暗模式.组{
背景:#666；
}

切换暗模式
名称
电话
卡片
付25美元
成功！你的条纹标记是

每当单击“切换暗模式”按钮时，您都可以使用

cardElement.update（）更新卡元素的样式

此处的文档：