跳转到内容

维基百科:徵求意見/深色模式

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

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

标题
表情符号 含义
📢 用户提交的反馈已经有其他用户确认过了，或者提交的用户确信无疑这就是深色模式下的问题
❓ 报告的问题不明确，无法处理
✅ 问题已修复
🐛 已知问题（建议使用{{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”