Safari 不会在深色模式下渲染 SVG

Answer 1

示例代码

svg {
  width      : 100px;
  height     : 100px;
  background : lightblue;
  --st-color : red;
  }
svg line {
  stroke : var(--st-color);
  }

@media (prefers-color-scheme: light) {
  svg {--st-color : green; }  
  }
@media (prefers-color-scheme: dark) {
  svg {--st-color : orange; }  
  }

<svg  viewbox="0 0 100 100">
   <line x1="0" y1="80" x2="100" y2="20" stroke-width="4" />
</svg>