[油猴脚本] 让 github 重归淡色

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2841 天前的主题，其中的信息可能已经有所发展或是发生改变。

早上起来一刷 github ，顶部的菜单栏竟然变成了黑色截图-172115212.png

瞬间觉得好丑，就想想办法换成淡色的截图-172115146.png 写了个油猴脚本

https://greasyfork.org/zh-CN/scripts/27266-return-github-light

如果不想装油猴脚本的话，就执行命令

document.getElementsByClassName("header")[0].setAttribute("class","header hedaer-logged-in");

PS.有没有大佬知道怎么提升性能，目前的脚本载入后，会闪一下黑色，再变成白色。

第 1 条附言 · 2017-02-11 09:27:34 +08:00

更新到 0.2 版本。脚本在 document-start 开始执行，黑变白的效果会比较快，基本无感。

第 2 条附言 · 2017-02-11 10:26:53 +08:00

v0.3 打开内页才发现自己没适配内页。又把内页适配加上了。

第 3 条附言 · 2017-02-11 21:30:43 +08:00

37L 有 stylish 版的~
连接~https://www.v2ex.com/t/339716?p=1#r_4032679

第 4 条附言 · 2017-02-16 15:44:49 +08:00

我的脚本已经失效。可用版本见：

油猴脚本版：https://github.com/lilydjwg/gm-github-tweaks　＠lilydjwg

Stylish 版：https://userstyles.org/styles/138766/github-return-light-themed-header @zqhong

脚本

淡色

GitHub

header

52 条回复 • 2017-02-16 19:00:55 +08:00

Joeyan

2017-02-11 08:57:46 +08:00 via Android

赶快，回家试试

IgniteWhite

2017-02-11 08:58:23 +08:00

哈哈哈，可以的

kitalphaj

2017-02-11 09:03:46 +08:00

这个改的我也是不知所措。。。我猜以后会有暗色主题

xiqingongzi

2017-02-11 09:06:26 +08:00

@kitalphaj #3 要是有可选项就好了
@IgniteWhite #2

@Joeyan #1

Biwood

2017-02-11 09:07:53 +08:00

javascript:document.querySelector('.header').classList.remove('header-dark');

把上面的代码拖到书签栏，在 Github 页面点击一下就行了

Biwood

2017-02-11 09:10:21 +08:00

我的方法不能自动执行，可以提取核心代码放到油猴脚本里面，这种写法不会闪烁

misaka19000

2017-02-11 09:11:40 +08:00 via Android

我觉得黑色挺好看的啊

xiqingongzi

2017-02-11 09:14:39 +08:00

@Biwood 谢谢，我改下。

xiqingongzi

2017-02-11 09:16:04 +08:00

@Biwood #5 在我本地试了试，和我的差不多，应该是我们都是基于 document 加载完成后执行的原因。我说的闪烁是先显示黑色，再显示白色。

xiqingongzi

2017-02-11 09:16:21 +08:00

@misaka19000 #7

萝卜白菜各有所爱嘛

Biwood

2017-02-11 09:18:11 +08:00

@xiqingongzi 哦明白了，那没办法

gouchaoer

2017-02-11 09:20:13 +08:00 via Android

油猴不能选择 js 注入时机么？浏览器扩展都可以啊，这样就解决闪的问题了

xiqingongzi

2017-02-11 09:21:01 +08:00

@Biwood #11 我在改 stylish ，这个可以实现直接显示 Light 颜色

xiqingongzi

2017-02-11 09:21:21 +08:00

@gouchaoer #12 等会我研究研究....应该是可以的。

xiqingongzi

2017-02-11 09:26:54 +08:00

@gouchaoer #12 感谢，已经加入了 document-start 执行，现在闪烁基本无感知了。后续我研究下 stylish 。

douglas1997

2017-02-11 09:28:41 +08:00 via iPhone

享受一会黑色先

wowo243

2017-02-11 09:35:56 +08:00

不错不错

RqPS6rhmP3Nyn3Tm

2017-02-11 09:41:09 +08:00

@xiqingongzi #14 stylish 权限太大了，而且据说 chrome 版本会收集隐私，担忧不敢用

xiqingongzi

2017-02-11 09:50:51 +08:00

@BXIA #18 唔，这个没关系。现在的版本反正可以用嘛。萝卜白菜，各有所爱，有可以用的就好哈哈。只不过是给大家多一个选择。

RqPS6rhmP3Nyn3Tm

2017-02-11 09:55:25 +08:00

@xiqingongzi #19 其实不仅是说这个 GitHub 的问题，一个挺好的插件结果换主人了之后开始作恶，感觉还是挺唏嘘的

xiqingongzi

2017-02-11 09:57:00 +08:00

@BXIA #20 这其实就是开源的意义么。只要开源了，我们可以搞出一个不作恶的版本。如果是闭源的，就不行。

nashxk

2017-02-11 10:31:48 +08:00

哈哈，我挺喜欢黑色的。。

kn007

2017-02-11 10:32:51 +08:00

我觉得黑色挺好的。。。囧

xiqingongzi

2017-02-11 10:41:41 +08:00

@kn007 #23 只有 header 是黑的有点怪怪的。

xzpjerry731

2017-02-11 10:46:44 +08:00

全黑才行啊…… 不过常年开着反转色调无所谓了

linfeng365

2017-02-11 11:00:03 +08:00

期待全黑 ;

aitaii

2017-02-11 11:08:15 +08:00 via Android

估计以后可以选择主题颜色

xiqingongzi

2017-02-11 11:11:34 +08:00

@aitaii #27 坐等 settings 中的选项

alwayshere

2017-02-11 11:18:02 +08:00

新 GitHub 可真丑

adoyle

2017-02-11 11:29:03 +08:00

被黑色的 Github 丑哭

rockyou12

2017-02-11 14:22:51 +08:00

黑色蛮好啊，现在很多网站一片茫茫的白色不觉得晃眼睛么

yxjxx

2017-02-11 14:28:08 +08:00 via iPhone

@linfeng365 darkness pro for chrome

jarnanchen

2017-02-11 14:46:42 +08:00

这是 github 的 bug 么？
总觉得会被改回来

wildlynx

2017-02-11 15:02:36 +08:00

有没有不让网易在特殊节日大红背景的脚本不？

gisonrg

2017-02-11 15:47:46 +08:00

打开 github 看到顶上的黑色还以为自己电脑坏了。。。

Wongzigii

2017-02-11 15:59:52 +08:00

一直用的黑色哈哈关键是晚上不刺眼

tammy

2017-02-11 16:05:29 +08:00

Stylish 样式
```
@namespace url( http://www.w3.org/1999/xhtml);

@-moz-document domain("github.com") {
.header {
padding-top: 12px;
padding-bottom: 12px;
background-color: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
}
.header-dark .header-logo-wordmark, .header-dark .header-logo-invertocat {
color:#000;
}
.header-dark .header-nav-link,.dropdown-caret {
color: rgba(0,0,0,0.75);
}
.header-dark .header-nav-link:hover,.header-dark .header-nav-link:focus,body.menu-active .header-dark .header-nav-link {
color: rgba(0,0,0,1) !important;
}
}
```

xiqingongzi

2017-02-11 21:30:11 +08:00

@tammy #37 GoodJob
@wildlynx #34 有没有样例页面，有空研究下
@jarnanchen #33 如果大家反馈，应该会被改回来。我倾向于在 settings 会加一个陪着项。