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

提示：標題中的以下表情符號表示有人查看了反饋並進行了某些處理。

標題

表情符號	含義
📢	用戶提交的反饋已經有其他用戶確認過了，或者提交的用戶確信無疑這就是深色模式下的問題
❓	報告的問題不明確，無法處理
✅	問題已修復
🐛	已知問題（建議使用{{Tracked}}模板）
🤖	小工具相關問題

/存檔

導言

近期部署的深色模式（Dark mode）對頁面內容帶來了很多兼容性問題，需要修復。可參考mw:Recommendations for night mode compatibility on Wikimedia wikis。

修復工作需要修復許多模板、模塊以及小工具，還有個別的頁面也需要修復。這個徵求意見的目的一是需要很多人幫忙查找問題並修復，二是一些頁面如何修復可能會影響到頁面本身的用色、排版設計，需要進一步討論尋求共識。

• 檢查工具
• mw:Reading/Web/Accessibility for reading/Reporting/zh.wikipedia.org

--百無一用是書生 (☎) 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)

需要修復的頁面

您可以把需要修復的頁面在下面列出，已經修復的頁面可以用刪除划去或直接移除。

• 📢Template:HK-soc-stub - 圖標有很醜的白邊
• 🤖Template:Coord - 圖標在深色模式下變的很深色
  • see en:Template_talk:Coord#Template_is_not_compatible_with_night_mode，是Gadget-WikiMiniAtlas.js小工具問題--百無一用是書生 (☎) 2024年8月20日 (二) 07:12 (UTC)

Coord可以換成，不過不清楚會不會衍生出其他問題。[1]--User:What7what8🏠 2024年6月28日 (五) 17:29 (UTC)

其實我覺得coord模板應該更新到{{maplink}}--百無一用是書生 (☎) 2024年6月29日 (六) 12:09 (UTC)

• 📢各專題頁面是重災區--百無一用是書生 (☎) 2024年6月26日 (三) 13:14 (UTC)

• 📢Category:倫敦地鐵模板中的導航框--百無一用是書生 (☎) 2024年7月3日 (三) 09:59 (UTC)

• 📢現在Wikipedia:命名空間下的頁面也可以用深色模式了，也是重災區。--User:What7what8🏠 2024年7月7日 (日) 11:16 (UTC)

  移動版下也一塌糊塗--百無一用是書生 (☎) 2024年7月7日 (日) 12:05 (UTC)

📢{{Tweet}}模板不支持深色模式。--碟之舞📀💿 2024年7月15日 (一) 03:10 (UTC)

@BlackShadowG最近更新後加上了「notheme mw-no-invert」兩個class，要求不適配深色模式，不知是為何？--百無一用是書生 (☎) 2024年7月15日 (一) 03:35 (UTC)

• 📢 Template:WikiProject banner shell、Template:WikiProject_banner_shell/styles.css、Module:Class/styles.css，背景顏色和文字顏色不適配，邊框是有一定寬度的白色。——暁月凜奈 (留言) 2024年7月18日 (四) 16:48 (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)

• 📢首頁「參與維基百科」的框陰影為白色，應為黑色。--碟之舞📀💿 2024年7月22日 (一) 02:38 (UTC)

• 📢Template:Episode list 深色模式下TBA看不清楚，Example:綠燈俠：動畫系列
• 📢實習醫生劇情列表
• 📢Template:Sports table，Example：2024年歐洲足球錦標賽#最終排名
• 📢T:footballbox collapsible，Example：2019–20年澳洲職業足球聯賽#初賽

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

• 需要修改Module:Football_box_collapsible和Module:Episode_list--百無一用是書生 (☎) 2024年7月23日 (二) 13:09 (UTC)

• ✅《瘋狂動物城》獲獎名單infobox的獲獎與提名總數
• 📢T:climate chart，Example:喜德縣

--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)

✅ Template:Wikipedia copyright

不知道這個需不需要改--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 模板的搜索結果）

• Template:Unicode chart Miscellaneous Symbols
• Template:Unicode chart Emoticons
• Template:Unicode chart Supplemental Symbols and Pictographs
• ...

--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)