以下是关于Chrome浏览器插件页面变黑恢复显示样式的方法：
1. 检查浏览器主题设置：打开Chrome浏览器，点击右上角的三个点菜单按钮，选择“设置”→“外观”。查看“主题颜色”选项，若为深色模式则将其改为浅色模式。同时，确保浏览器的缩放设置为100%，在设置页面的“外观”选项中可找到“页面缩放”进行设置。
2. 排查扩展程序问题：进入Chrome的扩展管理页面，点击右上角的三点菜单→“更多工具”→“扩展程序”。逐一检查已启用的扩展，关闭那些可能导致页面变黑的插件。若不确定哪个扩展导致问题，可暂时全部禁用它们，然后逐步重新启用，以找出原因。
3. 清除缓存和Cookie：在Chrome浏览器中，点击右上角的三点菜单→“设置”→“隐私和安全”→“清除浏览数据”。选择清除缓存和Cookie的时间范围，如“全部”，勾选“缓存的图片和文件”以及“Cookie和其他站点数据”选项，然后点击“清除数据”按钮。
4. 检查开发者模式加载的代码冲突：进入`chrome://extensions/`，关闭所有带有“开发者模式”标记的扩展，逐个启用并观察页面是否正常。若某个扩展导致异常，则检查其`manifest.json`文件是否存在语法错误。
5. 调整CSS样式：若插件提供了自定义CSS样式的选项，可尝试调整样式以修复UI界面错乱。打开插件的设置页面，找到“自定义样式”或“CSS”选项，在自定义样式编辑器中添加或修改CSS规则，如调整元素的位置、大小、颜色等属性，常见的CSS属性包括“position”“top”“left”“width”“height”“color”和“background-color”等。修改完成后，保存设置并重新加载页面。
6. 使用开发者工具调试：按下“F12”键或点击右上角的三点菜单→“更多工具”→“开发者工具”。在“Elements”选项卡中，查看和修改HTML元素的结构和样式，选择插件UI中错乱的元素，查看其CSS样式和位置信息，在“Styles”面板中实时修改元素的CSS属性，观察效果。在“Console”选项卡中，查看错误信息和日志输出，帮助定位问题。
7. 重置插件设置：若插件提供了重置设置的选项，可尝试重置插件设置，恢复默认配置。打开插件的设置页面，找到“重置”或“恢复默认设置”选项，确认重置操作后，重新加载页面。
8. 重新安装插件：若以上方法均无效，可尝试重新安装插件。在扩展程序页面，找到需要重新安装的插件，点击“卸载”按钮。卸载完成后，重新访问插件的官方网站或应用商店页面，下载并安装最新版本的插件。
综上所述，通过以上步骤和方法，您可以在Chrome浏览器中灵活地进行插件页面变黑恢复显示样式的操作，提升整体的使用体验。