MDC JavaScript暗主题条件总是突然采用相同的路径

我一直在使用这个功能在我的网站上切换黑暗模式，它一直工作得很好，但现在每当我扳动开关，黑暗模式被正确启用，这可以在控制台中看到，但当再次尝试切换时，它会再次显示“切换到黑暗模式”，并且不会返回到光明模式

我最近确实将我的JS转换为使用let和const，而不是仅仅使用var，如果这可能是问题的话

该逻辑基于currentColor的值，该值等于

getComputedStyle（document.documentElement）.getPropertyValue（“--mdc主题背景”）该值以
#fafafa
开始，在启用暗模式时变为
#121212
，再次切换到亮模式时变回
#fafafa

启用暗模式时，我甚至输入
getComputedStyle（document.documentElement）.getPropertyValue（“--mdc主题背景”）
进入控制台，它返回的字符串确实是
}121212
，因此我不确定当它等于
#fafafa
时，为什么它仍然采用指定的路径。我甚至让else语句将一条错误消息放到控制台中，但它并没有这样做；如果currentColor==#fafafa | |#fafafa

路径，则它总是沿着

路径运行

以下是我的功能：


函数切换DarkMode（）{
const currentColor=getComputedStyle（document.documentElement）.getPropertyValue（“--mdc主题背景”）；
//常数小时=
如果（currentColor==“#fafafa”| |“#fafafa”）{
document.documentElement.style.setProperty（“--mdc主题背景”，“#121212”）；
document.documentElement.style.setProperty（“--mdc主题表面”，“#1d”）；
document.documentElement.style.setProperty（“--mdc表面主题”，“rgba（255255255.87）”；
document.documentElement.style.setProperty（“--mdc主题文本主发光”，“rgba（255255.6）”）；
log（“切换到暗模式”）；
}否则如果（currentColor==“#121212”）{
document.documentElement.style.setProperty（“--mdc主题背景”，“#fafafafa”）；
document.documentElement.style.setProperty（“--mdc主题表面”，“#fff”）；
document.documentElement.style.setProperty（“--mdc表面主题”，“rgba（0,0,0,0.87）”）；
document.documentElement.style.setProperty（“--mdc主题文本主亮”，“rgba（0,0,0,6）”）；
日志（“切换到灯光模式”）；
}否则{
log（“切换黑暗模式时出现问题。”）；
}
}