我的作品集中有一个黑色的徽标,我希望在深色模式下将其切换为白色: https://www.paulinerouger.com/
我尝试过:
- 使用CSS变量
- 使用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;
}
很遗憾,以上所有方法均未奏效。有什么建议吗?
stroke="currentColor"
,仅在SVG内联中有效。 - PaulineTW