更改实时预览突出显示的颜色

Change color of Live Preview highlight

我想更改 Brackets 功能实时预览的默认高亮颜色(现在是蓝色)。

为什么?一些演示相关的目的。

我搜索了一些允许我这样做的扩展,并试图在括号首选项中找到合适的选项,但没有成功。

是否有可能(好吧,我想没有什么是不可能的)轻松实现这一点?解释为什么 yes/no 会很有帮助,谢谢。

不确定具体细节,但您可以按照 Rob W 此处概述的内容进行操作:How to change text of Element Inspector tooltip/highlight via Chrome Extension?

他的回答涉及更改 Chrome 浏览器中的突出显示颜色。这里的其他人可能能够提供有关实时预览的具体操作方式的更多细节,但基本上我认为您需要为 Brackets 启动的 Chrome 浏览器找到 resources.pak 并编辑该 .pak文件到你想要的颜色代码。具体要编辑的行是:WebInspector.Color.PageHighlight={Content:WebInspector.Color.fromRGBA([111,168,220,.66]).

在Brackets的安装目录中有devtools_resources.pak,但不确定是不是那个。我目前无法测试,但希望这可以为我们指明正确的方向。

我不得不对 Brackets 进行一些修改 - 没有扩展允许我在这个问题上完成我需要完成的事情,而且这样做也不容易。

LiveDevelopment/Agents/RemoteFunctions.js 是必须进行更改才能使颜色自定义成为可能的文件。

目前,我的 PR 挂在 Brackets Github 存储库中,它允许实时预览的颜色自定义(并允许实时查看边距和填充,但这是 WIP)。

https://github.com/adobe/brackets/pull/12949