OI-wiki / gatsby-oi-wiki

🚧 基于 Gatsby 的 OI Wiki 渲染框架。🚧
https://next.oi-wiki.org/
Apache License 2.0
66 stars 37 forks source link

黑色 SVG 图像在暗色模式下看不清 #999

Open alphagocc opened 2 years ago

alphagocc commented 2 years ago

我想到的可能的解决办法

CoelacanthusHex commented 2 years ago

前者更现实点(因为白底在黑色背景下非常刺眼),我记得没错的话 SVG 会遵守 CSS,所以我们可以使用 CSS 的 invert 滤镜 https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert()

CoelacanthusHex commented 2 years ago

Maybe https://github.com/OI-wiki/gatsby-oi-wiki/pull/1016 workaround it?

alphagocc commented 2 years ago

@CoelacanthusHex https://next.oi-wiki.org/ds/seg#%E7%BA%BF%E6%AE%B5%E6%A0%91%E7%9A%84%E5%8C%BA%E9%97%B4%E6%9F%A5%E8%AF%A2

https://next.oi-wiki.org/dp/opt/slope#%E4%BE%8B%E9%A2%98%E5%BC%95%E5%85%A5 修了,没完全修