![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(278.4, 98%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EM%3C/text%3E%3C/svg%3E)
Edge版本：127.0.2651.74
大约在 7 月 20 日左右，我的 Edge 浏览器进行了自动更新。当 Edge 重新启动后，我的扩展插件（配置为可以通过sidePanel 打开），在sidePanel 中打开后，背景颜色变成了黑色。
我非常确定我的 CSS 背景颜色是白色，并且在浏览器升级之前一切都正常。
我尝试了：
我尝试在调试窗口中，将背景颜色更改为其他颜色（如红色，蓝色等），可以正常展示。
但只要使用了白色（或者白色附近的灰色，如 #e5e5e5）背景色都会变为纯黑色。
还尝试了 #ffffff、rgb(255,255,255) 的颜色书写方法，作为背景颜色设置，但结果仍然是黑色。
还尝试了将 Edge 主题更改为浅色，但不起作用。
还尝试通过使用 edge://settings/resetProfileSettings 来重置 Edge 设置，但不起作用。
我期望我的sidepanel 中的背景颜色，能够按照我设置的白色展示，请问该如何解决
谢谢
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(163.2, 68%, 25%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYZ%3C/text%3E%3C/svg%3E)
您好 @mars
Microsoft Q&A 中文论坛只支持中文，您可以把您的问题改成中文或者在英文论坛上提问：https://learn.microsoft.com/en-us/answers/。感谢您的理解！
已修改为中文提问
您好 @mars
我测试了一下没能复现您的问题，我设置了body的background-color为#e5e5e5可以正常显示灰色。您可以提供一个能复现问题的扩展的最小代码片段吗？
请问您是在Windows系统中测试的吗？重新加载一下扩展有用吗？您的浏览器中有其他扩展吗？如果有请关闭其他所有扩展后再试。
我的系统是macOS。我尝试删除插件，在安装，同时关闭其他所有插件，重启浏览器。效果依旧。我的浏览器也改过主题，亮色暗色都修改过
颜色区域在我下图红框附近，都是黑色底色
您好
我的操作系统是macOS。版本：14.5我试了删除所有插件，再将我的重新安装回来，效果不变。
（但是非常偶然的情况，会有一次显示正常的白色，这次之后关闭再次打开，又变成了黑色）
以下是我的CSS：
这个是效果：
只要颜色在下图区域内，就会逐渐变成黑色，感觉像是透明度在逐步变成100。
您好 @mars
我在macOS Ventura 13.5，Edge 127.0.2651.98上测试了，还是没有复现您的问题。会不会是您的其他部分代码有影响呢？您可以在其他机器上也测试一下看问题是否存在。
另外您的mac系统是深色模式还是浅色模式呢？您也可以尝试切换一下。不过我这边尝试将系统改为深色模式没有影响扩展的背景颜色。
我也是在一次edge 升级之后，我的插件突然变成这样。
我又试了重写了一个空白的插件，背景色依然是黑色。
我尝试了修改系统为亮色模式也不行
另外还有个现象：
有一定概率展示正常
我在chrome（版本 127.0.6533.100（正式版本） (arm64)） 上装载了同样的插件。正常展示
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(86.4, 69%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJY%3C/text%3E%3C/svg%3E)
遇到了同样的问题。
我的系统是：Mac sonoma 14.4.1 (23E224)
Edge version: Version 127.0.2651.98 (Official build) (arm64)
无论我自己开发的extension还是其他需要用到sidepanel 的 extension背景都是黑色的。无论怎么改都没用。
可以安装以下插件看看，这些在chrome 上背景都是白色，到Edge上就变成黑色了：
截止今日，升级了edge，升级了macOS依然无效
edge：版本 129.0.2792.52 (正式版本) (arm64)
macOS：版本15.0 (24A335）
chrome下一切正常：
chrome：版本 129.0.6668.59（正式版本） (arm64)
@Yu Zhou-MSFT 您好，这个问题在所有的MacOS Edge上都存在。我看其他sidebar 相关的插件也有这个问题。您可以搜索下https://sider.ai/
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(41.6, 11%, 14%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJD%3C/text%3E%3C/svg%3E)
所以这个问题有没有官方的解决方案了
有些时候更换主题色(dark和light)是可以的，但是有些时候不会的
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(12.8, 9%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBZ%3C/text%3E%3C/svg%3E)
我也存在同样的问题，也是Mac OS，突然变成黑色了
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(304, 53%, 39%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
升级了最新版 Version 130.0.2849.68 (Official build) (arm64) ，问题依旧
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(140.8, 84%, 23%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
我也存在同样的问题，也是Mac OS，突然变成黑色了.调整背景色为白色就会是黑色，别的颜色就可以显示。
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(105.60000000000001, 86%, 20%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EQ%3C/text%3E%3C/svg%3E)
我也存在同样的问题，版本Mac OS 15.1.1, edge的版本是131.0.2903.70 (Official build) (arm64)
看起来是side panel会将白色区域背景变黑，文字变白。
其他同事也普遍有这个问题。
是的，有点像是切换到了暗色主题。这个问题已经 5 个月了，没有任何改变
不知道是不是hsl做了invert。
插件里用浅色的背景图可以正常展示。
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(140.8, 68%, 23%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBM%3C/text%3E%3C/svg%3E)
同样的问题，解决了吗
大家，我把该帖子在应该社区提问了一个版本， 链接是
这是一个已知问题，官方仍在调查中，issue的链接是https://github.com/microsoft/MicrosoftEdge-Extensions/discussions/204，大家可以给leader一个确定回复了。