MDN 突然改版

有原生的暗色模式了，之前用 Dark Reader 总是有点问题

以前还帮忙翻译过文档，现在改了后没找到登录地方_

@express 现在应该是用 github 来管理了

感觉比之前“清凉”很多~~

翻了一下驱动 MDN 的后端实现 yari ~ 好吧，我也不知道这该不该拗口地说是动态生成静态网站的后端~

刚刚还对比了一下域名(和之前的缓存界面)。。。以为进错网站了。

之前 MDN 有发起过新图标投票，那时候就有说要大改版了。

官方博客里的说法，应该是要开始引入商业服务了，叫做 MDN Plus 。看来 Mozilla 继上次大裁员之后确实是有些财务紧张，希望他们能挺住。

https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/

不喜欢这个字重，太轻了，看这累

mdn 要挺住啊。。。
@Biwood

@sickoo 欢迎给他们捐钱，用 VISA 、万事达、PayPal 都行，捐款地址： https://donate.mozilla.org/zh-CN/

没有原来粗旷大气了，现在像是一个普普通通的教程网站

去年推上投票选新 logo, 可以我投的那个没选上

喜欢原版

现在的对散光不友好，看着眼睛好累，不好聚焦了

啊 还是喜欢原版…

上午看还没改来着
新版对比度太低了，大脑负载+10%

这样现代多了，不过原来其实也蛮好的，虽然看起来有点陈旧。

浏览器兼容性都不写兼容的版本号了。。

Logo 有点丑

@zhoufenfens #17 点击那个对勾会显示从哪个版本开始全支持

没有突然, 早些时候有顶部有图标投票入口, 已经说明要改版了, 我投了几个

天天上 MDN 查资料的前端表示，感觉改版之后好多了，字体小了就不感觉是老年人字体了，更像是一个现代化的 UI 现代化的文档

ui 更好了.有个蛋疼的就是浏览器兼容性不能全部看到..一个个点没有以前方便.

感觉上次 MDN 改版还没过多久呢

这个 dark mode 好刺眼啊 能不能改柔和一点

这个对比度太难受了，哪里可以 feedback 啊

感觉界面没有以前高大上了啊。以前像“权威文档”，现在像“类库说明”或者技术教程了。

更改语言终于不用绕一圈页面了

原来简洁大方

喜欢原版+1

有没有啥原版的 CSS 插件，感觉没有可以搞一个

之前 logo 投票的帖 /t/822995
选出来只能说……还行

看起来没之前那么权威了，不过确实好看了

变好看了，但是感觉看着没有以前舒服……

唉 原来看上去很“官方”，现在看上去很“业余”

@wangtian2020 #22
也就是前端因为地狱回调，字体调整的特别小。

开了 dark mode 之后跟 ms 的文档站基本一样了

这改的我甚至以为是内容农场呢。。。

刚去搜了个东西，还以为进错网站了

感觉以前那种厚重的风格还挺耐看的，现在的 ui 有点轻浮了

我感觉还挺好的，原来的字体比较重，现在应该是用了 react 框架重写，页面也更像一个文档网站。

我上周刚部署一套旧版到自己的离线机器上，没想到竟是绝版！ O(∩_∩)O~

印象中原来的输入框是一直显示的，现在每搜一次进入具体条目的页面，想再搜都要再点一下那个搜索图标 = =（不会是我记忆错乱了吧

@supuwoerc 不至于仓库在 GitHub 开源的，只要保持 yari 的版本不升级就是原版的界面

@supuwoerc #43 旧的 commit 记录又没删除，怎么会是绝版

个人比较喜欢现在的排版和设计

我觉得现在的 UI 设计看起来比较清爽，很舒服

新版的看着不舒服

变丑了，但是变快了
（变秃了，但是也变强了）

喜欢原版，更具有 mdm 的严谨专业的风格
现在的风格千篇一律，显得不专业

总结：不如原来

哈哈，我还给新的这个 LOGO 投过票

搜东西，进去了，看了一眼，关掉，以为山寨网站，google 看准地址再进去，还是一样，才发现改版了

终于消肿了，看着舒服多了

感觉有点轻浮……

另外浏览器兼容性那个上面的浏览器名称，是哪个脑残设计的

https://developer.mozilla.org/zh-CN/docs/Web/API/Window#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7

按自己喜好微调了下样式

// ==UserScript==
// @name 新版 mdn 样式微调
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 新版 mdn 样式微调
// @match https://developer.mozilla.org/*
// @grant GM_addStyle
// ==/UserScript==

(function() {
'use strict';

GM_addStyle(`

/* 调整排版 */
h1,h2,h3,h4,h5 {
font-weight: 600;
}
#content p,dd,li {
line-height: 1.65em !important;
letter-spacing: 0.1px;
color:#000 !important;
}
#content p {
margin: 2em 0;
}

/* 滚动条去掉圆角变细 */
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
}

/* 调整导航栏位置 */
#sidebar-quicklinks{
padding-top: 2rem !important;
}

/* 去掉左右导航栏上的装饰性字符 */
#root > div > div.article-wrapper > div > aside > section > header > h2,
#sidebar-quicklinks > div > h4{
display: none;
}

/* 去掉社区汉化提示（感谢社区，但这提示实在太占地方了） */
#root > div > div.container > div {
display: none;
}

`)
})();