网页浏览器深色模式适配咨询：图像/颜色转换规则及跨端实现

我把网站提交到usertesting.com平台进行真人评测，收到的浏览视频显示网站被强制切换至深色模式——我此前并未意识到网站可被强制开启深色模式。虽然网站在深色模式下表现不算太差，但仍存在不少问题。评测使用的是Chrome浏览器，我随即通过chrome://flags/#enable-force-dark开启网页内容强制深色模式进行测试。

我的Logo原本带有白色背景，在深色模式下显示为一个白框，我通过设置透明背景解决了该问题。我了解到可通过媒体查询@media (prefers-color-scheme: dark)为深色模式应用样式，起初制作了白色版本的Logo并通过该媒体查询切换，但发现浏览器将其转换为黑色，导致在深色背景下完全不可见。后来换成带透明背景的深色版本Logo，深色模式会自动将其转换为白色，才恢复正常显示。

基于以上经历，我提出以下技术问题：

• 浏览器在深色模式下对图像进行修改的规则是什么？
• 浏览器在深色模式下对CSS颜色进行修改的规则是什么？
  我在Chrome开发者控制台测试CSS背景色时发现：设置#ffffff时实际显示为#121212；设置#000000时仍显示为#000000；设置#cccccc时保持#cccccc；设置#dddddd时实际显示为#343434。
• 不同浏览器和设备中，常见的深色模式实现方式还有哪些？

存在专门针对深色模式的CSS媒体查询，但浏览器仍会修改指定颜色，这令我十分困惑。更值得关注的是不同实现可能存在不同的颜色转换规则，恳请对此类问题进行解答。

内容的提问来源于stack exchange，提问作者AidanCurran