javascript - 在深色模式下切换 Logo 颜色问题

Question

我的投资组合有一个黑色 Logo ，我想在黑暗模式下将其切换为白色:https://www.paulinerouger.com/

我试过:

• 使用 CSS 变量

<img class="nav_logo" src="assets/img/PR_logo.png" alt="original logo" />

body {
  --nav_logo: url(PR_logo.png) no-repeat;

}

body[data-theme="dark"] {
  --nav_logo: url(PR_logo_white.png) no-repeat;
}

.nav_logo {
    background: var(--nav_logo);
  } 

• 使用 SVG

 <img class="nav_logo" src="assets/img/PR_logo.svg" id="svg" alt="PR Logo">


.nav_logo {
    fill: currentColor;
}

不幸的是，以上方法均无效。有什么建议吗？

Answer 1

将 svg 中的 stroke="#000"更改为 stroke="currentColor"

body.dark-theme .nav__logo{
    color: #FFFFFF;
}