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

2018 年 6 月 9 日
 zhuowenli

Microsoft + Github = MicroHub

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

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

Chrome 扩展地址:

7034 次点击
所在节点    分享创造
21 条回复
ynyounuo
2018 年 6 月 9 日
已经用了这个,哈哈
https://github.com/martenbjork/github-xp
zhuowenli
2018 年 6 月 9 日
@ynyounuo 哈哈,我就是看到了这个,不过主题太花哨才想搞一个的。然后我的 Clippy 会动(笑
ryd994
2018 年 6 月 9 日
哈哈哈哈哈,棒
aaronly
2018 年 6 月 9 日
看着更像 fb 啊
Wao
2018 年 6 月 9 日
这是脸书风格吧
zhuowenli
2018 年 6 月 9 日
@aaronly @Wao 哈哈哈,不要看到蓝色就想到 Facebook 嘛~~ 我加点了点东西,再看看😏

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

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

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

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

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

但是导航栏上的那个小铃铛(notifications),有个黑圈...
en20
2018 年 6 月 11 日
这个回形针小人是 xp 时代的东西吧😂
polarbearn
2018 年 6 月 12 日
Octotree 会阻挡搜索框.
zhuowenli
2018 年 6 月 13 日
@rolitter 已兼容
roogle
2018 年 6 月 13 日
我以为我的 chrome 开的插件已经够多了,看了你的插件栏,我跪了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/461793

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX