这是一个可以统一 V2EX 各个节点背景的样式。
强迫症表示受不了 V2EX node.js 节点的黑色背景绿色字体,也在 V 站上看到其他 V 友吐槽过这个问题。而我在浏览 V2EX 其他节点的时候,也发现,其他几个节点,如游戏节点,也都有不同于主页的背景样式,于是就想动手改造。对于使用过 node.js 节点的众 V 友来说,应该都有些 CSS 基础,本身这个样式并不复杂,在此也不过是抛砖引玉了。
目前已经在 chrome 和 firefox 上测试,都是兼容的。
无论使用 Firefox 还是 Chrome ,首先安装 stylish
然后安装:
https://userstyles.org/styles/135896/v2ex-background
打开 V2EX.com 查看效果
1
xqin 2016-12-02 12:47:22 +08:00 1
曾经和楼主有过一样的想法(不喜欢 nodejs 节点下的全黑的背景).
楼主可尝试以下脚本, 在控制台运行之后, 页面直接恢复为默认状态. ``` Array.prototype.forEach.call(document.getElementsByTagName('style'), function (style) { if (/#Wrapper/.test(style.innerHTML)) { style.parentNode.removeChild(style); } }); ``` 可以用浏览器插件, 让它在 V2EX 的站点下自动运行. |
2
xqin 2016-12-02 12:59:28 +08:00
如果用的是 chrome 的话, 将下面的代码保存为 xxx.user.js, 然后做为插件(chrome://extensions/)安装一下,就可以了.
``` // ==UserScript== // @name v2ex_style_normal // @description v2ex_style_normal // @include https://v2ex.com/* // @include http://v2ex.com/* // @include https://www.v2ex.com/* // @include http://www.v2ex.com/* // @version 1.0 // ==/UserScript== Array.prototype.forEach.call(document.getElementsByTagName('style'), function (style) { if (/#Wrapper/.test(style.innerHTML)) { style.parentNode.removeChild(style); } }); ``` |
4
sparanoid MOD 给那个样式加了个 id="node-custom-css",现在可以直接用 getElementById 了
|
6
xqin 2016-12-02 21:40:01 +08:00
@sparanoid 感谢管理员, 这么快就加了一个 id 上去.
不知道可以不可以提一个小 feature. 比如 COOKIE 里有 disable_node_custom_css 且值为 1 的时候, 可否不输出这段样式? 目前用 js 移除,因为是在页面加载好之后执行的,所以会看到先是黑色的(有样式),然后变正常. 如果后端可以根据 COOKIE 决定直接不输出这个样式, 展示上会更好, 而且也不需要再用到 js 脚本了. 代码的改动上, 应该只是多一个 条件判断一下, 应该不存在安全性或者改动量比较大小的问题. > 以上只是一个小意见, 无视也是可以的 :) |