SVG笔划不能与CSS变量一起正常工作

我正在尝试根据颜色方案为SVG徽标设置不同的笔划颜色，但它不想正确更改，因为它将始终保持白色

@media (prefers-color-scheme: white) {
    :root {
        --color: #000;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --color: #fff;
    }
}

#logo path {
    stroke: var(--color);
}

问题是，如果我将笔划颜色更改为任何颜色，例如笔划：红色，它将保持红色…

您应该使用：

prefers-color-scheme: light

相反：

prefers-color-scheme: white

---

它应该是轻的，而不是白色的，这在Safari上根本不起作用。在Safari中可以实现吗？