V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhuowenli
V2EX  ›  分享创造

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

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

    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)
    Humorce
        7
    Humorce  
       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   ·   实用小工具   ·   1652 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:47 · PVG 00:47 · LAX 08:47 · JFK 11:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.