Microsoft + Github = MicroHub,花了一下午搞的微软风格的 GitHub 主题扩展 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhuowenli
V2EX    分享创造

Microsoft + Github = MicroHub,花了一下午搞的微软风格的 GitHub 主题扩展

  •  1
     
  •   zhuowenli
    zhuowenli 2018-06-09 19:08:09 +08:00 6467 次点击
    这是一个创建于 2689 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Microsoft + Github = MicroHub

    花了一下午搞的微软风格的 GitHub 主题扩展,欢迎尝鲜!

    源码: https://github.com/zhuowenli/microhub

    Chrome 扩展地址:

    Try it now

    21 条回复    2018-06-14 14:29:58 +08:00
    ynyounuo
        1
    ynyounuo  
       2018-06-09 19:11:01 +08:00   3
    已经用了这个,哈哈
    https://github.com/martenbjork/github-xp
    zhuowenli
        2
    zhuowenli  
    OP
       2018-06-09 19:15:43 +08:00
    @ynyounuo 哈哈,我就是看到了这个,不过主题太花哨才想搞一个的。然后我的 Clippy 会动(笑
    ryd994
        3
    ryd994  
       2018-06-09 19:18:12 +08:00 via Android
    哈哈哈哈哈,棒
    aaronly
        4
    aaronly  
       2018-06-09 20:41:54 +08:00
    看着更像 fb 啊
    Wao
        5
    Wao  
       2018-06-09 21:40:58 +08:00 via iPhone
    这是脸书风格吧
    zhuowenli
        6
    zhuowenli  
    OP
       2018-06-09 22:37:32 +08:00
    @aaronly @Wao 哈哈哈,不要看到蓝色就想到 Facebook 嘛~~ 我加点了点东西,再看看

    ![]( https://raw.githubusercontent.com/zhuowenli/MicroHub/ca57e706b99b8fcc50c548949779c522d68858cd/static/profile.png)
    rzti483NAJ66l669
        7
    rzti483NAJ66l669  
       2018-06-09 22:42:04 +08:00 via iPhone
    微软用的不是这个色号
    aaronly
        8
    aaronly  
       2018-06-09 22:45:25 +08:00
    @zhuowenli 因为光一条蓝色的话并不能看出来是微软系的风格 。
    新加的就有点了, 但是也存在一个 bug,metro 风格的 office 早就不存在助手了(原谅我挑骨头
    Ultraman
        9
    Ultraman  
       2018-06-09 23:47:31 +08:00 via Android   1
    会不会有一个快手风格的 acfun
    Clarke
        10
    Clarke  
       2018-06-10 00:08:50 +08:00 via Android
    没有任务栏。
    sneezry
        11
    sneezry  
       2018-06-10 05:00:01 +08:00 via iPhone
    维护过一段时间微软内部的博客网站,不知不觉发现网站主题和所谓的微软风格高度一致。其实并没有故意那么设计,只是遵循了 accessibility 的规则。

    1. 字号不得小于 16px
    2. 文字与背景颜色对比度不得小于 2.7
    3. 按钮边缘与文字内容之间必须至少保留 10px
    4. 所有可以点击的组件处于 active 状态时必须有 outline

    所以,GitHub 上所有的字号都得调大,按钮渐变背景色全部去掉,否则对比度过不了,按钮要变大,鼠标 hover 上去后的背景色要加深,同时文字要变成浅色,input 里的 placeholder 颜色对比度也得加深。

    总之一句话,你得让色弱用户也能用。
    Trumeet
        12
    Trumeet  
       2018-06-10 07:53:35 +08:00 via Android
    海内存知己,天涯若比邻,GitHub 马上就绪..(
    Wao
        13
    Wao  
       2018-06-10 09:36:25 +08:00 via iPhone
    @zhuowenli 看到别针了,赢了赢了
    wizardforcel
        14
    wizardforcel  
       2018-06-10 19:32:24 +08:00 via Android
    能不能照着 vsc 的色号改。。

    还有你不打算适配宽屏么 -______-
    zhuowenli
        15
    zhuowenli  
    OP
       2018-06-10 20:51:00 +08:00
    @wizardforcel VSCode 还有特殊的色号么(只知道 Studio 的基佬紫,我一直用 One Dark 的暗色主题...)宿舍没有 4k 显示器,明天回公司再看看宽屏的效果。。
    sumuu
        16
    sumuu  
       2018-06-11 15:10:57 +08:00
    蛮有意思的..支持个.

    但是导航栏上的那个小铃铛(notifications),有个黑圈...
    en20
        17
    en20  
       2018-06-11 20:51:00 +08:00 via Android
    这个回形针小人是 xp 时代的东西吧
    polarbearn
        18
    polarbearn  
       2018-06-12 19:52:41 +08:00
    Octotree 会阻挡搜索框.
    zhuowenli
        19
    zhuowenli  
    OP
       2018-06-13 11:58:09 +08:00
    @rolitter 已兼容
    roogle
        20
    roogle  
       2018-06-13 13:58:19 +08:00
    我以为我的 chrome 开的插件已经够多了,看了你的插件栏,我跪了
    woffee
        21
    woffee  
       2018-06-14 14:29:58 +08:00
    真会玩
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2725 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 14:05 PVG 22:05 LAX 07:05 JFK 10:05
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86