爱意满满的作品展示区。
zhuowenli

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

  •  1
     
  •   zhuowenli ·
    zhuowenli · Jun 9, 2018 · 6903 views
    This topic created in 2908 days ago, the information mentioned may be changed or developed.

    Microsoft + Github = MicroHub

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

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

    Chrome 扩展地址:

    Try it now

    21 replies    2018-06-14 14:29:58 +08:00
    ynyounuo
        1
    ynyounuo  
       Jun 9, 2018   ❤️ 3
    已经用了这个,哈哈
    https://github.com/martenbjork/github-xp
    zhuowenli
        2
    zhuowenli  
    OP
       Jun 9, 2018
    @ynyounuo 哈哈,我就是看到了这个,不过主题太花哨才想搞一个的。然后我的 Clippy 会动(笑
    ryd994
        3
    ryd994  
       Jun 9, 2018 via Android
    哈哈哈哈哈,棒
    aaronly
        4
    aaronly  
       Jun 9, 2018
    看着更像 fb 啊
    Wao
        5
    Wao  
       Jun 9, 2018 via iPhone
    这是脸书风格吧
    zhuowenli
        6
    zhuowenli  
    OP
       Jun 9, 2018
    @aaronly @Wao 哈哈哈,不要看到蓝色就想到 Facebook 嘛~~ 我加点了点东西,再看看😏

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

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

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

    总之一句话,你得让色弱用户也能用。
    Trumeet
        12
    Trumeet  
       Jun 10, 2018 via Android
    海内存知己,天涯若比邻,GitHub 马上就绪..(
    Wao
        13
    Wao  
       Jun 10, 2018 via iPhone
    @zhuowenli 看到别针了,赢了赢了
    wizardforcel
        14
    wizardforcel  
       Jun 10, 2018 via Android
    能不能照着 vsc 的色号改。。

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

    但是导航栏上的那个小铃铛(notifications),有个黑圈...
    en20
        17
    en20  
       Jun 11, 2018 via Android
    这个回形针小人是 xp 时代的东西吧😂
    polarbearn
        18
    polarbearn  
       Jun 12, 2018
    Octotree 会阻挡搜索框.
    zhuowenli
        19
    zhuowenli  
    OP
       Jun 13, 2018
    @rolitter 已兼容
    roogle
        20
    roogle  
       Jun 13, 2018
    我以为我的 chrome 开的插件已经够多了,看了你的插件栏,我跪了
    woffee
        21
    woffee  
       Jun 14, 2018
    真会玩
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5349 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 97ms · UTC 07:20 · PVG 15:20 · LAX 00:20 · JFK 03:20
    ♥ Do have faith in what you're doing.