跳转到内容

维基百科:征求意见/深色模式

添加链接
维基百科，自由的百科全书
快捷方式

提示：标题中的以下表情符号表示有人查看了反馈并进行了某些处理。

标题
表情符号 含义
📢 用户提交的反馈已经有其他用户确认过了，或者提交的用户确信无疑这就是深色模式下的问题
❓ 报告的问题不明确，无法处理
✅ 问题已修复
🐛 已知问题（建议使用{{Tracked}}模板）
🤖 小工具相关问题

/存档

导言

近期部署的深色模式（Dark mode）对页面内容带来了很多兼容性问题，需要修复。可参考mw:Recommendations for night mode compatibility on Wikimedia wikis。

修复工作需要修复许多模板、模块以及小工具，还有个别的页面也需要修复。这个征求意见的目的一是需要很多人帮忙查找问题并修复，二是一些页面如何修复可能会影响到页面本身的用色、排版设计，需要进一步讨论寻求共识。

--百無一用是書生 (☎) 2024年6月22日 (六) 12:34 (UTC)[回复]

临时改了一下一直在用的皮肤（外观）预览脚本，可以一键切换到黑暗模式，不妨试试看（ ——魔琴［身份声明 留言 贡献 新手2023］ 2024年7月4日 (四) 17:22 (UTC)[回复]
黑暗模式现已可供所有用户（未登入及已登入）在行动版网站使用，7月15日该周将向桌面版网站的使用者释出此功能。详见相关公告。--SCP-0000（留言） 2024年7月5日 (五) 01:00 (UTC)[回复]
(※)更新：mw:Recommendations自7月3日以来对CSS范例有一些变更。--Cookai饼块🍪（💬留言） 2024年7月5日 (五) 15:11 (UTC)[回复]
（这是防“不活跃”的留言）--古怪的Wang31（讨论 | 贡献） 2024年8月6日 (二) 05:16 (UTC)[回复]

需要修复的页面

您可以把需要修复的页面在下面列出，已经修复的页面可以用删除划去或直接移除。

Coord可以换成，不过不清楚会不会衍生出其他问题。[1]--User:What7what8🏠 2024年6月28日 (五) 17:29 (UTC)[回复]
其实我觉得coord模板应该更新到{{maplink}}--百無一用是書生 (☎) 2024年6月29日 (六) 12:09 (UTC)[回复]
📢{{Tweet}}模板不支持深色模式。--碟之舞📀💿 2024年7月15日 (一) 03:10 (UTC)[回复]
@BlackShadowG最近更新后加上了“notheme mw-no-invert”两个class，要求不适配深色模式，不知是为何？--百無一用是書生 (☎) 2024年7月15日 (一) 03:35 (UTC)[回复]
📢{{Hatnote}}模板在暗色下背景色略微比页面背景色亮，但是在亮色模式下是一致的，感觉不太对。--碟之舞📀💿 2024年7月20日 (六) 15:38 (UTC)[回复]
这是系统改的，不是本地问题--百無一用是書生 (☎) 2024年7月21日 (日) 06:12 (UTC)[回复]
@Shizhao：那请问本地可以修复吗？--碟之舞📀💿 2024年7月22日 (一) 02:38 (UTC)[回复]
我的意思是，这是特意为之的，不是bug，是feature.....--百無一用是書生 (☎) 2024年7月22日 (一) 02:55 (UTC)[回复]
我也注意到了这个情况，这真的不是bug吗？或者说，真的不需要改一下吗？一个是，深色模式“有背景”与浅色模式“没有背景”的体验不太一致，有些奇怪；另一个是，这个背景似乎就是个深灰色而不是“把背景变亮”？（比如在Template:Hatnote看模板文档的示例，就是周围深绿色，唯独hatnote这里是深灰色）这看起来更加奇怪了。--古怪的Wang31（讨论 | 贡献） 2024年7月27日 (六) 16:37 (UTC)[回复]

--User:What7what8🏠 2024年7月22日 (一) 17:48 (UTC)[回复]

--User:What7what8🏠 2024年7月25日 (四) 11:42 (UTC)[回复]

动物城改了一部分，文字部分看起来是被html.skin-theme-clientpref-night .infobox td:not(.notheme)把skin-invert给覆盖掉了--百無一用是書生 (☎) 2024年7月26日 (五) 12:47 (UTC)[回复]
把.infobox的属性改成内联模式了--百無一用是書生 (☎) 2024年7月26日 (五) 12:51 (UTC)[回复]
喜德县的气候图表似乎状况依旧--User:What7what8🏠 2024年7月26日 (五) 18:05 (UTC)[回复]
被系统预设的深色模式样式覆盖了--百無一用是書生 (☎) 2024年7月27日 (六) 12:01 (UTC)[回复]

RFC

挂了Template:rfc起码有24小时了吧，还没上维基百科:征求意见/维基百科技术议题与模板和Template:Bulletin呢。--User:What7what8🏠 2024年6月21日 (五) 12:12 (UTC)[回复]

看WP:RFCOPEN的意思，似乎是因为在{{rfc}}那一段末尾没有签名？--古怪的Wang31（讨论 | 贡献） 2024年6月22日 (六) 06:23 (UTC)[回复]
仍然没上，看来是bot有bug--百無一用是書生 (☎) 2024年6月23日 (日) 05:56 (UTC)[回复]
副知@LuciferianThomas。—— Eric Liu 創造は生命（留言・留名・学生会） 2024年6月23日 (日) 14:37 (UTC)[回复]
另外已经挂到集中讨论模板。—— Eric Liu 創造は生命（留言・留名・学生会） 2024年6月23日 (日) 14:37 (UTC)[回复]
公告栏的话要手动吧？建议加个提示说鼓励编者报错。另外亦可考虑挂至AdvanceSiteNotice。—— Eric Liu 創造は生命（留言・留名・学生会） 2024年6月23日 (日) 14:43 (UTC)[回复]
@Ericliu1912@Shizhao@Wang31@What7what8机器人并未预期RFC挂在页顶而非在H2标题之下，当前暂时挂着个top H2，稍后看看修不修。--路西法人 2024年7月2日 (二) 03:51 (UTC)[回复]
bot把这从维基百科:征求意见/维基百科技术议题与模板给移掉了[2]--User:What7what8🏠 2024年7月6日 (六) 20:37 (UTC)[回复]
@LuciferianThomas？--百無一用是書生 (☎) 2024年7月23日 (二) 03:01 (UTC)[回复]
不小心把所有Wikipedia:征求意见的子页面都列进skip list了（--路西法人 2024年7月23日 (二) 03:53 (UTC)[回复]

条目评选

照目前移动版和深色模式的设计路线，是不是以后特色条目和特色列表的评选，应该增加对适应移动版和深色模式的要求了？例如现在Wikipedia:特色列表标准就有要求：“视觉吸引力。它合适地使用文本布局、格式化、表格和颜色”--百無一用是書生 (☎) 2024年6月22日 (六) 12:40 (UTC)[回复]

应该要的，最好能把WP:无障碍列为指引 ——魔琴［身份声明 留言 贡献 新手2023］ 2024年6月24日 (一) 14:38 (UTC)[回复]
Wikipedia:格式手册/无障碍仍存在大量未翻译原文、类似翻译腔调（例如“然而，带删除线的文字在维基百科内部讨论中非常常见，建议在参与维基百科的方针和存废讨论时，编辑激活显示文本属性。”，应该想表达允许在讨论中使用可能不适合文本阅读器处理的文本格式）的情况，可能需要更新或者完善，例如分辨率的选定“我们将1024×768视作对其他用户无可能不利影响的最低分辨率”。——Sakamotosan路过围观 | 避免做作，免敬 2024年6月26日 (三) 08:58 (UTC)[回复]
没必要使用无障碍的要求，这个要求有点太高了--百無一用是書生 (☎) 2024年6月26日 (三) 11:58 (UTC)[回复]
其实有一个很直接、很原始、很简单的解方：废除使用模板投票的做法，改为以粗体表示的“支持”、“反对”（“符合标准”、“不符合标准”）等字样来投票。Sanmosa 蚌埠 2024年7月11日 (四) 14:07 (UTC)[回复]

📢Template:Portal

Template:Portal部分主题图标需要skin-invert，之前在Module:Portal/images/chinese加上class=skin-invert不起作用，发现是与Module:Portal#L-142处的class=noviewer冲突了。可有稳妥的解决办法？--百無一用是書生 (☎) 2024年7月18日 (四) 07:31 (UTC)[回复]

📢Module:Routemap

需要修改--百無一用是書生 (☎) 2024年7月21日 (日) 11:13 (UTC)[回复]

🐛 #catlinks:hover背景颜色

于Phabricator查看
编号T370609的工单

在视觉化编辑悬停在分类时，背景颜色与深色模式不匹配。[3]--User:What7what8🏠 2024年7月21日 (日) 14:53 (UTC)[回复]

这看起来像是视觉化编辑器自身的问题--百無一用是書生 (☎) 2024年7月22日 (一) 03:11 (UTC)[回复]
已提交phab:T370609--百無一用是書生 (☎) 2024年7月22日 (一) 03:35 (UTC)[回复]

📢迅剑虎属

信息框中的种和异名背景色不适配--百無一用是書生 (☎) 2024年7月24日 (三) 10:05 (UTC)[回复]

乍得猫属，部分文字和背景一个颜色。似乎是系统更新导致？--百無一用是書生 (☎) 2024年7月26日 (五) 03:48 (UTC)[回复]
看来是Template:Taxobox的问题--百無一用是書生 (☎) 2024年8月14日 (三) 07:25 (UTC)[回复]

🐛 留言标亮

于Phabricator查看
编号T371695的工单

留言标亮似乎会受skin-invert影响，导致留言显示不出来[4]。 Example:[5][6]--User:What7what8🏠 2024年7月26日 (五) 09:40 (UTC)[回复]

似乎skin-invert和系统内置的深色模式（或者回复扩展的深色模式）冲突了？嗯嗯，回复扩展在{{注意}}模板内的(※)符号前后插入了代码，导致乱套了。建议提报phab--百無一用是書生 (☎) 2024年7月26日 (五) 13:05 (UTC)[回复]
已提报phab--百無一用是書生 (☎) 2024年8月2日 (五) 13:08 (UTC)[回复]

不知道这个需不需要改--Tjw123hh（留言） 2024年8月2日 (五) 06:41 (UTC)[回复]

已经适配了，除非认为颜色不合适，那么需要讨论亮色与深色模式下的配色了--百無一用是書生 (☎) 2024年8月2日 (五) 12:22 (UTC)[回复]

📢2024年夏季奥林匹克运动会乒乓球男子团体比赛

比赛结果部分的表格需要适配--百無一用是書生 (☎) 2024年8月9日 (五) 06:49 (UTC)[回复]

我把Template:Tabletennisbox中，标题下区域(可能不需要)的background : transparent移除掉，使比赛结果表格的内容变得可以反白了，不过表格标题背景色我没改动。
对阵形势图的背景色亦同 (该模板的原始码看起来有点复杂呢😅)--竹林下小径，月光映一叶 2024年8月9日 (五) 08:41 (UTC)[回复]
为何你的这句话“对阵形势图的背景色亦同 (该模板的原始码看起来有点复杂呢😅)”，在我这里看起来是重影的？--百無一用是書生 (☎) 2024年8月14日 (三) 07:28 (UTC)[回复]
额，我的回复也跟着重影了，签名部分正常--百無一用是書生 (☎) 2024年8月14日 (三) 07:29 (UTC)[回复]
上面这句之后就不重影了。只在深色模式下重影，亮色模式不重影；如果在本页从亮色模式下切换到深色模式也不会重影--百無一用是書生 (☎) 2024年8月14日 (三) 07:33 (UTC)[回复]
PS：链接不重影--百無一用是書生 (☎) 2024年8月14日 (三) 07:33 (UTC)[回复]
大概查了一下，看起来像是系统内置的<dd>元素样式在深色模式下有些问题，如下高亮的两行
dd {
    margin-left: 1.6em;
    margin-right: 0;
    margin-inline-start: 1.6em;
    margin-inline-end: 0;
    margin-bottom: 0.1em;
  }

--百無一用是書生 (☎) 2024年8月14日 (三) 07:41 (UTC)[回复]

截图见[7]--百無一用是書生 (☎) 2024年8月14日 (三) 07:47 (UTC)[回复]
经过多次测试，发现似乎是这个表情符号😅造成了在深色模式下含有该表情符号的整行文本文字渲染可能发生重影，见Special:PermaLink/83803574--百無一用是書生 (☎) 2024年8月14日 (三) 08:07 (UTC)[回复]
额，看来只是firefox下才有问题--百無一用是書生 (☎) 2024年8月14日 (三) 08:13 (UTC)[回复]

📢Unicode 码表相关

这些好像都没改

（Unicode chart 模板的搜索结果）

--Tjw123hh（留言） 2024年8月10日 (六) 13:43 (UTC)[回复]

以上列出的模板已经修复，但是Category:Unicode模板下还有很多待修复--百無一用是書生 (☎) 2024年8月11日 (日) 11:55 (UTC)[回复]

🤖工具提示（Tooltip）相关

工具提示在模板内显示是正常的（直接用的浏览器的工具提示），但是在条目里面显示的背景和字都是白的。比如Template:全局僻字在𰻝𰻝面中--Tjw123hh（留言） 2024年8月10日 (六) 15:50 (UTC)[回复]

需要修改MediaWiki:Gadget-UnihanTooltips.css--User:What7what8🏠 2024年8月10日 (六) 18:24 (UTC)[回复]
已修改MediaWiki:Gadget-UnihanTooltips.css，未使用相关小工具，无法查看效果--百無一用是書生 (☎) 2024年8月11日 (日) 12:04 (UTC)[回复]
（上传不了图片）截图
就是三角那边背景不对--Tjw123hh（留言） 2024年8月11日 (日) 14:16 (UTC)[回复]

❓Wikipedia:首页

维基百科图标消失了 https://ibb.co/YypHk8q--Alice233355607（留言） 2024年8月13日 (二) 02:00 (UTC)[回复]

看不到你的截图--百無一用是書生 (☎) 2024年8月13日 (二) 03:59 (UTC)[回复]
https://ibb.co/YypHk8q 签名的俩横杠被当成网址了--Alice233355607（留言） 2024年8月13日 (二) 04:16 (UTC)[回复]
嗯，这是深色模式在系统层面给覆盖掉了，严格来说不算是问题，当然如果想恢复也不是不行，但是的确和深色模式不太适配--百無一用是書生 (☎) 2024年8月14日 (三) 08:10 (UTC)[回复]
主要是没有图会怪的很--Alice233355607（留言） 2024年8月14日 (三) 17:05 (UTC)[回复]

Template:Navbox（浅色模式出错）

在Common.css的此笔编辑后，{{Navbox}}的奇偶交替机制在浅色模式下（Vector 2022）似乎失效了。正常情况下浅色模式应为白色和浅灰色交替，深色模式下奇数行左边框和上边框会变为白色（中维现行稳定版本由于添加了没有内容的分割行所以上边框不会变色，使用模板样式的开发版本正常）。其实信息框和导航模板的背景颜色不用手动修复，MediaWiki软件内置的CSS已经修复了这一问题： 

html.skin-theme-clientpref-night .infobox td:not(.notheme),
html.skin-theme-clientpref-night .infobox th:not(.notheme),
html.skin-theme-clientpref-night .infobox-above:not(.notheme),
html.skin-theme-clientpref-night .infobox p:not(.notheme),
html.skin-theme-clientpref-night .infobox > div:not(.notheme),
html.skin-theme-clientpref-night .infobox caption:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki td:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki th:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki p:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki > div:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki caption:not(.notheme),
html.skin-theme-clientpref-night .sinottico th:not(.notheme),
html.skin-theme-clientpref-night .infobox-header:not(.notheme),
html.skin-theme-clientpref-night .skin-nightmode-reset-color:not(.notheme),
html.skin-theme-clientpref-night .navigation-box:not(.notheme),
html.skin-theme-clientpref-night .metadata:not(.notheme),
html.skin-theme-clientpref-night .quotebox:not(.notheme),
html.skin-theme-clientpref-night .side-box:not(.notheme),
html.skin-theme-clientpref-night .side-box div:not(.notheme),
html.skin-theme-clientpref-night .navbox:not(.notheme),
html.skin-theme-clientpref-night .navbox-subgroup:not(.notheme),
html.skin-theme-clientpref-night .navbox-group:not(.notheme),
html.skin-theme-clientpref-night .navbox-even:not(.notheme),
html.skin-theme-clientpref-night .navbox-abovebelow:not(.notheme),
html.skin-theme-clientpref-night .navbox-title:not(.notheme) {
    background: inherit !important;
    color: inherit !important;
    border-color: var(--border-color-subtle, #c8ccd1) !important;
}

--Dabao qian℡ 2024年8月13日 (二) 09:36 (UTC)[回复]

更新清单

  1. Template:沙盒/TemplateStyles/Dabao qian/Navbar.css更新到Module:Navbar/styles.css（EP1）--完成
  2. Module:Navbox/sandbox2更新到Module:Navbox（EP2）--完成
  3. Template:Navbox subgroup/sandbox更新到Template:Navbox subgroup（EP3）--完成
  4. MediaWiki:Common.css的更新：删除第384-505行Default style for navigation boxes和Default styling for Navbar template两个章节下的全部内容（EP4）--完成
  5. Template:沙盒/TemplateStyles/Dabao qian/darkmodefix.css的内容添加到MediaWiki:Vector-2022.css（EP5）--完成
  6. MediaWiki:Minerva.css的更新：删除Tablet specific styling和Default styling for Navbar template章节下的全部内容，使用Template:沙盒/TemplateStyles/Dabao qian/darkmodefix-mobile.css的内容替换General fixes for night mode章节（EP6）--完成
  7. MediaWiki:Print.css的更新：EP7以及删除.ns-0 .navbox,和.navbar,两行内容

--Dabao qian℡ 2024年8月13日 (二) 10:52 (UTC)[回复]

过度修复导致浅色模式出现问题的页面

除上述对Navbox系列模板的更新外，站内可能存在其他因过度修复导致浅色模式下显示出现问题的页面，尤其是MediaWiki内置CSS中已修复的元素，比如上述提到的infobox、quotebox、side-box和navbox系列，其实不应该再在本地定义CSS颜色变量，当原先使用的固定颜色值与变量提供的颜色值不同时效果尤为明显，在Vector 2022和Minerva皮肤下以浅色模式阅读就会无法达到预期的显示效果（因为CSS颜色变量只存在于Vector 2022和Minerva皮肤中，而优先级规则是优先使用颜色变量当不存在时再采用回退值，所以在其他皮肤下即可正常显示）。您可以将发现问题并需要修复的页面在下面列出：--Dabao qian℡ 2024年8月13日 (二) 14:32 (UTC)[回复]

📢2019冠状病毒病疫情边栏的地图

图例部分不应反色--Tjw123hh（留言） 2024年8月14日 (三) 11:45 (UTC)[回复]

看来是T:Legend inline内CSS的mw-no-invert被改成skin-invert的缘故，
不过该模板两种模式都有使用过，因不确定回到旧版的影响，故我没有更动
还是应该新增一个参数，让编者决定是否自动反转颜色(预设不转换)这样?--竹林下小径，月光映一叶 2024年8月15日 (四) 01:23 (UTC)[回复]

📢Template:WPBannerMeta

质量评级标准部分背景和字都是浅色，看不清--Tjw123hh（留言） 2024年8月16日 (五) 01:59 (UTC)[回复]

📢Template:Demography

看起来是要修改Module:Demography--百無一用是書生 (☎) 2024年8月16日 (五) 06:56 (UTC)[回复]

📢Template:文革时期人物

黄色的文字颜色在深色模式下完全看不清--百無一用是書生 (☎) 2024年8月23日 (五) 06:08 (UTC)[回复]

那些看不清楚的文字应该都是连结。为了维持前后文的颜色一致，那些连结都用上了{{color}}模板，导致颜色被反转了。
建议参考英维的同名模板修改? (英维的现在版本不会因Dark mode改变参数文字的颜色)--竹林下小径，月光映一叶 2024年8月23日 (五) 06:44 (UTC)[回复]
{{color}}模板更新为enwiki版本了--百無一用是書生 (☎) 2024年8月23日 (五) 12:04 (UTC)[回复]

《大韩民国》信息框地图图例

深色模式下图例的“深绿”“浅绿”颜色对调。--自由雨日🌧️（留言｜贡献） 2024年8月31日 (六) 13:58 (UTC)[回复]

搞定，主要是原本使用的{{legend2}}的内部CSS有"skin-invert"。
我把那两个颜色方块改成用{{legend}}了，其内部CSS为"mw-no-invert"
(不过因为后者会自动换行，所以把两行冒号后的叙述都塞进参数里了XP)--竹林下小径，月光映一叶 2024年9月1日 (日) 16:21 (UTC)[回复]

Module:Routemap

示例balabala
图例

Module:Routemap近期做了深色模式适配后，标题栏的文字无论在浅色还是深色模式都看不清了。请求修复。--Tim Wu（留言） 2024年9月20日 (五) 09:52 (UTC)[回复]

📢SVG或带有透明通道图片阅读障碍问题

例子有音符时值#符号与名称--Σ>―(〃°ω°〃)♡→天邪弱（に〇〇する） 2024年10月21日 (一) 19:50 (UTC)[回复]

请求帮助修改样式以适应暗黑模式

本主题或以下段落文字，移动自Wikipedia:互助客栈/求助。执行者：Kcx36（留言） 2024年10月27日 (日) 04:48 (UTC)。[回复]

日安，我想请求帮助修改某些页面、图片的样式以适应暗色模式。

所涉及的页面包括但不限于以下条目：

以下条目主要问题是背景和文本颜色之间的对比度不足 ：

以下条目主要问题是背景色过亮：

日后另有发现或置之于此。感谢您对此事的关注。--Σ>―(〃°ω°〃)♡→天邪弱（に〇〇する） 2024年10月26日 (六) 18:56 (UTC)[回复]

@Ryanlo713：或许可移步WP:征求意见/深色模式。--自由雨日🌧️（留言｜贡献） 2024年10月26日 (六) 19:04 (UTC)[回复]
已移动--Σ>―(〃°ω°〃)♡→天邪弱（に〇〇する） 2024年10月26日 (六) 19:43 (UTC)[回复]
检索自“https://zh.wikipedia.org/w/index.php?title=Wikipedia:徵求意見/深色模式&oldid=84741235”