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

爱意满满的作品展示区。

This topic created in 3409 days ago, the information mentioned may be changed or developed.

早上起来一刷 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.有没有大佬知道怎么提升性能，目前的脚本载入后，会闪一下黑色，再变成白色。

Supplement 1 · Feb 11, 2017

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

Supplement 2 · Feb 11, 2017

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

Supplement 3 · Feb 11, 2017

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

Supplement 4 · Feb 16, 2017

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

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

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

脚本

淡色

GitHub

header

52 replies • 2017-02-16 19:00:55 +08:00

Joeyan

Feb 11, 2017 via Android

赶快，回家试试

FurN1

Feb 11, 2017

哈哈哈，可以的

kitalphaj

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

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

@Joeyan #1

Biwood

Feb 11, 2017

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

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

Biwood

Feb 11, 2017

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

misaka19000

Feb 11, 2017 via Android

我觉得黑色挺好看的啊

xiqingongzi

Feb 11, 2017

@Biwood 谢谢，我改下。

xiqingongzi

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

@misaka19000 #7

萝卜白菜各有所爱嘛

Biwood

Feb 11, 2017

@xiqingongzi 哦明白了，那没办法

gouchaoer

Feb 11, 2017 via Android

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

xiqingongzi

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

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

douglas1997

Feb 11, 2017 via iPhone

享受一会黑色先

wowo243

Feb 11, 2017

不错不错

RqPS6rhmP3Nyn3Tm

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

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

RqPS6rhmP3Nyn3Tm

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

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

nashxk

Feb 11, 2017

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

kn007

Feb 11, 2017

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

xiqingongzi

Feb 11, 2017

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

xzpjerry731

Feb 11, 2017

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

linfeng365

Feb 11, 2017

期待全黑 ;

aitaii

Feb 11, 2017 via Android

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

xiqingongzi

Feb 11, 2017

@aitaii #27 坐等 settings 中的选项

alwayshere

Feb 11, 2017

新 GitHub 可真丑

adoyle

Feb 11, 2017

被黑色的 Github 丑哭

rockyou12

Feb 11, 2017

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

yxjxx

Feb 11, 2017 via iPhone

@linfeng365 darkness pro for chrome

4263Ad06Awk3b1Do

Feb 11, 2017

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

wildlynx

Feb 11, 2017

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

gisonrg

Feb 11, 2017

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

Wongzigii

Feb 11, 2017

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

tammy

Feb 11, 2017

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

Feb 11, 2017

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