如何通过Custom stylesheet修改centbrowser设置界面？

hylotropy

我通过Custom stylesheet可以设置一些Tampermonkey无法修改的浏览器界面，比如chrome://bookmarks/ chrome://settings等
我成功修改了一些比如font-family的属性，但是要修改chrome://settings顶部蓝色的toolbar时候却不知道怎么修改，我尝试以下代码没有成功，请大神指教，谢谢！！
settings-ui {
        background-color:rgba(246, 244, 236, 0) !important;
        color:#000;
:host-context(settings-ui) {
        background-color:rgba(246, 244, 236, 0) !important;
        color:#000;
}
:host(cr-toolbar) {
        background-color:rgba(246, 244, 236, 0) !important;
        color:#000;
}

https://imgur.com/a/mG59VCY

就是想把蓝底白字变成白底黑字。

kkocdko

因为顶栏元素被封装在Shadow Dom内，无法通过页面CSS进行覆盖。
如果一定要修改，可以尝试解包修改resources.pak

hylotropy

kkocdko 发表于 2019-11-26 18:09
因为顶栏元素被封装在Shadow Dom内，无法通过页面CSS进行覆盖。
如果一定要修改，可以尝试解包修改resource ...

Shadow Dom没有办法通过css修改吗？那Shadow Dom的样式是怎么加载的？

kkocdko

hylotropy 发表于 2019-11-26 18:15
Shadow Dom没有办法通过css修改吗？那Shadow Dom的样式是怎么加载的？

用js插入，在Shadow Root内部插入样式表，这样能使得Shadow Root内部和外部被隔离。
看一下MDN的文档就知道了（我上边的回答的那个“Shadow Dom”超链接点进去就是）。

hylotropy

kkocdko 发表于 2019-11-26 18:17
用js插入，在Shadow Root内部插入样式表，这样能使得Shadow Root内部和外部被隔离。
看一下MDN的文档就知 ...

不能用Tampermonkey，怎么对chrome://settings执行js？

Admin

二楼解释的很正确，Shadow DOM的作用就是不让你从外部修改，所以这个目前没法弄