V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
xiqingongzi
0D

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

  •  
  •   xiqingongzi ·
    bestony · Feb 11, 2017 · 8874 views
    This topic created in 3365 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

    52 replies    2017-02-16 19:00:55 +08:00
    Joeyan
        1
    Joeyan  
       Feb 11, 2017 via Android
    赶快,回家试试
    FurN1
        2
    FurN1  
       Feb 11, 2017
    哈哈哈,可以的
    kitalphaj
        3
    kitalphaj  
       Feb 11, 2017
    这个改的我也是不知所措。。。我猜以后会有暗色主题
    xiqingongzi
        4
    xiqingongzi  
    OP
       Feb 11, 2017
    @kitalphaj #3 要是有可选项就好了
    @IgniteWhite #2
    @Joeyan #1
    Biwood
        5
    Biwood  
       Feb 11, 2017
    javascript:document.querySelector('.header').classList.remove('header-dark');

    把上面的代码拖到书签栏,在 Github 页面点击一下就行了
    Biwood
        6
    Biwood  
       Feb 11, 2017
    我的方法不能自动执行,可以提取核心代码放到油猴脚本里面,这种写法不会闪烁
    misaka19000
        7
    misaka19000  
       Feb 11, 2017 via Android
    我觉得黑色挺好看的啊
    xiqingongzi
        8
    xiqingongzi  
    OP
       Feb 11, 2017
    @Biwood 谢谢,我改下。
    xiqingongzi
        9
    xiqingongzi  
    OP
       Feb 11, 2017
    @Biwood #5 在我本地试了试,和我的差不多,应该是我们都是基于 document 加载完成后执行的原因。我说的闪烁是先显示黑色,再显示白色。
    xiqingongzi
        10
    xiqingongzi  
    OP
       Feb 11, 2017
    @misaka19000 #7 萝卜白菜各有所爱嘛
    Biwood
        11
    Biwood  
       Feb 11, 2017
    @xiqingongzi 哦明白了,那没办法
    gouchaoer
        12
    gouchaoer  
       Feb 11, 2017 via Android
    油猴不能选择 js 注入时机么?浏览器扩展都可以啊,这样就解决闪的问题了
    xiqingongzi
        13
    xiqingongzi  
    OP
       Feb 11, 2017
    @Biwood #11 我在改 stylish ,这个可以实现直接显示 Light 颜色
    xiqingongzi
        14
    xiqingongzi  
    OP
       Feb 11, 2017
    @gouchaoer #12 等会我研究研究....应该是可以的。
    xiqingongzi
        15
    xiqingongzi  
    OP
       Feb 11, 2017
    @gouchaoer #12 感谢,已经加入了 document-start 执行,现在闪烁基本无感知了。后续我研究下 stylish 。
    douglas1997
        16
    douglas1997  
       Feb 11, 2017 via iPhone
    享受一会黑色先
    wowo243
        17
    wowo243  
       Feb 11, 2017
    不错不错
    RqPS6rhmP3Nyn3Tm
        18
    RqPS6rhmP3Nyn3Tm  
       Feb 11, 2017
    @xiqingongzi #14 stylish 权限太大了,而且据说 chrome 版本会收集隐私,担忧不敢用
    xiqingongzi
        19
    xiqingongzi  
    OP
       Feb 11, 2017
    @BXIA #18 唔,这个没关系。现在的版本反正可以用嘛。萝卜白菜,各有所爱,有可以用的就好哈哈。只不过是给大家多一个选择。
    RqPS6rhmP3Nyn3Tm
        20
    RqPS6rhmP3Nyn3Tm  
       Feb 11, 2017
    @xiqingongzi #19 其实不仅是说这个 GitHub 的问题,一个挺好的插件结果换主人了之后开始作恶,感觉还是挺唏嘘的
    xiqingongzi
        21
    xiqingongzi  
    OP
       Feb 11, 2017
    @BXIA #20 这其实就是开源的意义么。只要开源了,我们可以搞出一个不作恶的版本。如果是闭源的,就不行。
    nashxk
        22
    nashxk  
       Feb 11, 2017
    哈哈,我挺喜欢黑色的。。
    kn007
        23
    kn007  
       Feb 11, 2017
    我觉得黑色挺好的。。。囧
    xiqingongzi
        24
    xiqingongzi  
    OP
       Feb 11, 2017
    @kn007 #23 只有 header 是黑的有点怪怪的。
    xzpjerry731
        25
    xzpjerry731  
       Feb 11, 2017
    全黑才行啊…… 不过常年开着反转色调 无所谓了
    linfeng365
        26
    linfeng365  
       Feb 11, 2017
    期待 全黑 ;
    aitaii
        27
    aitaii  
       Feb 11, 2017 via Android
    估计以后可以选择主题颜色
    xiqingongzi
        28
    xiqingongzi  
    OP
       Feb 11, 2017
    @aitaii #27 坐等 settings 中的选项
    alwayshere
        29
    alwayshere  
       Feb 11, 2017
    新 GitHub 可真丑
    adoyle
        30
    adoyle  
       Feb 11, 2017
    被黑色的 Github 丑哭
    rockyou12
        31
    rockyou12  
       Feb 11, 2017
    黑色蛮好啊,现在很多网站一片茫茫的白色不觉得晃眼睛么
    yxjxx
        32
    yxjxx  
       Feb 11, 2017 via iPhone
    @linfeng365 darkness pro for chrome
    4263Ad06Awk3b1Do
        33
    4263Ad06Awk3b1Do  
       Feb 11, 2017   ❤️ 1
    这是 github 的 bug 么?
    总觉得会被改回来
    wildlynx
        34
    wildlynx  
       Feb 11, 2017
    有没有不让网易在特殊节日大红背景的脚本不?
    gisonrg
        35
    gisonrg  
       Feb 11, 2017
    打开 github 看到顶上的黑色还以为自己电脑坏了。。。
    Wongzigii
        36
    Wongzigii  
       Feb 11, 2017
    一直用的黑色 哈哈 关键是晚上不刺眼

    tammy
        37
    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
        38
    xiqingongzi  
    OP
       Feb 11, 2017
    @tammy #37 GoodJob
    @wildlynx #34 有没有样例页面,有空研究下
    @jarnanchen #33 如果大家反馈,应该会被改回来。我倾向于在 settings 会加一个陪着项。
    Aspx
        39
    Aspx  
       Feb 11, 2017 via Android
    我倒觉得挺舒服的
    xiqingongzi
        40
    xiqingongzi  
    OP
       Feb 11, 2017
    @Aspx #39 每个人的审美不同,自然有不同的看法,横看成岭侧成峰,远近高低各不同。
    lydasia
        41
    lydasia  
       Feb 11, 2017
    至于么。。
    xratzh
        42
    xratzh  
       Feb 11, 2017 via iPhone
    chrome dark reader
    nisekoi
        43
    nisekoi  
       Feb 11, 2017
    很早以前就用 stylish 的黑色了
    wojiaodaxiaxia
        44
    wojiaodaxiaxia  
       Feb 12, 2017
    干的漂亮
    shisaq
        45
    shisaq  
       Feb 13, 2017
    就喜欢暗色的,眼睛舒服啊
    lilydjwg
        46
    lilydjwg  
       Feb 14, 2017
    失效了 :-(
    50vip
        47
    50vip  
       Feb 14, 2017
    没用了。
    cha1
        48
    cha1  
       Feb 16, 2017
    @lilydjwg
    @50vip
    https://userstyles.org/styles/138766/github-return-light-themed-header ,目前这个是有效的,需要安装 Stylish 。
    lilydjwg
        49
    lilydjwg  
       Feb 16, 2017
    @zqhong 我直接用 GM 加上这堆 CSS 好了。
    lilydjwg
        50
    lilydjwg  
       Feb 16, 2017
    @zqhong 我弄了个油猴版~顺带放上了我的其它修改。
    lilydjwg
        51
    lilydjwg  
       Feb 16, 2017   ❤️ 1
    cha1
        52
    cha1  
       Feb 16, 2017
    @lilydjwg good job
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2642 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 142ms · UTC 11:27 · PVG 19:27 · LAX 04:27 · JFK 07:27
    ♥ Do have faith in what you're doing.