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

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

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

• 檢查工具

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

需要修復的頁面

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

• 獎牌系列模板，參考泰厄斯·瓊斯信息框
• 外部pdf鏈接後的pdf圖標在深色模式下過於醜陋，參考腕龍屬#參考資料
• MediaWiki:Gadget-noteTA.js字詞轉換小工具的彈窗文字幾乎全都看不清
• MediaWiki:Newarticletext
• 各類消息框，如Module:Message_box等
• Module:TeamBracket
• 2024年NBA總決賽#例行賽對戰
• Template:Translink等綠鏈模板的popup提示框

--百無一用是書生 (☎) 2024年6月20日 (四) 08:14 (UTC)

關於pdf圖示，enwiki是通過RFC（2022）選出File:Icon pdf file.png 。也許不是最好（黑邊），但至少沒有白底。 --Cookai餅塊🍪_{（💬留言）} 2024年6月20日 (四) 09:15 (UTC)

我看了一下enwiki深色模式移動版是沒有pdf圖標的--百無一用是書生 (☎) 2024年6月20日 (四) 09:34 (UTC)

Vector 2022，我看zhwiki深色模式行動版也沒有pdf圖示啊。--Cookai餅塊🍪_{（💬留言）} 2024年6月20日 (四) 11:18 (UTC)

原來能這麼看--百無一用是書生 (☎) 2024年6月20日 (四) 12:12 (UTC)

先改成了enwiki的pdf圖標，有意見再說吧--百無一用是書生 (☎) 2024年6月26日 (三) 12:02 (UTC)

en這個圖標在深色模式下也不是特別好，右上角的黑色折邊在深色模式下看起來像是缺了一塊似的--百無一用是書生 (☎) 2024年6月29日 (六) 11:32 (UTC)

• Template:Sister project links，目測沙盒版（為模組實現）能解決。 --Cookai餅塊🍪_{（💬留言）} 2024年6月20日 (四) 08:16 (UTC)

  完成--百無一用是書生 (☎) 2024年6月20日 (四) 08:17 (UTC)

• Wikipedia:互助客棧/技術#Wikiplus導致Navbar被換行，目前Navbar的修改影響了「查論編」的定製配色--百無一用是書生 (☎) 2024年6月20日 (四) 08:24 (UTC)

剛注意到2024年NBA總決賽#例行賽對戰後面幾個章節的表格也都要修--百無一用是書生 (☎) 2024年6月20日 (四) 09:37 (UTC)

• Template:Football kit，黑暗模式下與背景色不匹配，Example:阿特拉斯足球俱樂部--User:What7what8🏠 2024年6月20日 (四) 12:06 (UTC)

  這個球衣背景不白色，深色模式下就完全看不清了啊--百無一用是書生 (☎) 2024年6月20日 (四) 12:15 (UTC)

  所以黑夜模式要改成白色邊框啊，阿特拉斯足球俱樂部作客球衣衣服都突出來了--User:What7what8🏠 2024年6月20日 (四) 12:56 (UTC)

  我還是沒理解哪裡不對....--百無一用是書生 (☎) 2024年6月20日 (四) 13:14 (UTC)

  我修好一半了，但還是與背景色不匹配。--User:What7what8🏠 2024年6月23日 (日) 10:04 (UTC)

• Template:優酷寵愛劇場、Template:華鼎獎全球演藝名人 / 電視劇滿意度調查發布盛典、Template:胡歌右上角的「顯示隱藏」為黑色，深色模式下看不清--百無一用是書生 (☎) 2024年6月20日 (四) 12:35 (UTC)

  完成：移除titlestyle的color屬性。標題本來就是黑色，加color:black的意義不明。--PexEric 💬|📝 2024年6月23日 (日) 09:26 (UTC)

• 歐洲足球錦標賽#歷屆賽事一覽中的表格似乎與深色模式不匹配？--百無一用是書生 (☎) 2024年6月20日 (四) 12:49 (UTC)

• Template:Infobox_Prime_Minister中的現任、學歷、經歷等似乎與深色模式不匹配，見卓榮泰--百無一用是書生 (☎) 2024年6月20日 (四) 12:52 (UTC)

  已在Module:Infobox/styles.css ‎做了臨時修復--百無一用是書生 (☎) 2024年6月28日 (五) 09:49 (UTC)

footer-icons與深色模式不匹配--User:What7what8🏠 2024年6月20日 (四) 12:53 (UTC)

Template:Mycomorphbox，capShape，NA深色模式下看不清--User:What7what8🏠 2024年6月20日 (四) 12:59 (UTC)

稍微修了一下，不知道好點沒有？--百無一用是書生 (☎) 2024年6月20日 (四) 13:13 (UTC)

• 部分透明背景logo，如果顏色較深可能會看不清，使用class=skin-invert又會導致顏色錯誤（對於logo，顏色可能很重要），不知道有什麼比較有好的解決辦法？--百無一用是書生 (☎) 2024年6月20日 (四) 13:07 (UTC)

  infobox的部分，似乎只能修改每一個infobox，新增深色配色圖片的參數和欄位，或是新增背景色的參數。

  如果有類似{{lan}}能回傳text的東西，就可以直接改個別條目就好，但目前沒有。有人問過有沒有魔術字可以用，但staff似乎不太理解（或認同）這做法（可能因為這樣是「樣式層面」來創造內容？）

  我有參考{{If mobile}}做一個{{If_darkmode}}，但它跟{{If mobile}}一樣回傳的是元素而不是text，沒辦法直接餵給infobox。--Cookai餅塊🍪_{（💬留言）} 2024年6月20日 (四) 14:11 (UTC)

  或是部分logo可以考慮直接全白（filter: brightness(0) invert(1);）。--Cookai餅塊🍪_{（💬留言）} 2024年6月20日 (四) 15:18 (UTC)

  可以考慮在Mediawiki:common.css定義一個class，專門用來給深色模式下有需要的圖片加一個白色背景？或者等待看看phab:T367589能不能解決？--百無一用是書生 (☎) 2024年6月21日 (五) 08:42 (UTC)

  phab:T367589應該是不同問題？class可以有，建議用#f8f9fa。--Cookai餅塊🍪_{（💬留言）} 2024年6月22日 (六) 05:15 (UTC)

  再加個border: #f8f9fa solid 1px;--Cookai餅塊🍪_{（💬留言）} 2024年6月22日 (六) 08:10 (UTC)

  我還是覺得再一個全白class也是個好選擇--Cookai餅塊🍪_{（💬留言）} 2024年6月22日 (六) 08:12 (UTC)

• 生物信息框的保護狀況部分與什麼模式不匹配，例如香杏麗蘑，看enwiki是把圖片部分加一個白色背景--百無一用是書生 (☎) 2024年6月20日 (四) 13:21 (UTC)

  想要效果好的話，應該需要逐一製作c:Template:Pengo_IUCN/zh的深色模式版本，然後在{{Taxobox/species}}里套用{{if darkmode}}。--PexEric 💬|📝 2024年6月23日 (日) 08:58 (UTC)

  參考enwiki加上了Template:Taxobox/core/styles.css--百無一用是書生 (☎) 2024年6月27日 (四) 09:18 (UTC)

• {{Bot use warning}}好像也有問題？字和背景顏色特別相近--_古怪的Wang31（討論 | 貢獻） 2024年6月21日 (五) 00:44 (UTC)

  這應該是{{cmbox}}的問題--百無一用是書生 (☎) 2024年6月21日 (五) 02:08 (UTC)

  看起來cmbox imbox tmbox fmbox這幾個都有問題，可能需要把深色模式下的背景色改一下--_古怪的Wang31（討論 | 貢獻） 2024年6月21日 (五) 05:23 (UTC)

  phab:T357179似乎這個是期望改成的樣子？--百無一用是書生 (☎) 2024年6月21日 (五) 08:26 (UTC)

  不太會看phab……簡而言之就是背景的顏色應該在深色模式下也是深色（效果類似於{{ambox}}現在的樣子，或者說en:Template:cmbox那樣）；至於這個顏色在哪兒改，我就不知道了--_古怪的Wang31（討論 | 貢獻） 2024年6月22日 (六) 06:16 (UTC)

今天發現系統更新後，部分OOUI組件的小工具深色模式兼容性自動修好了一部分--百無一用是書生 (☎) 2024年6月23日 (日) 12:31 (UTC)

• Template:Deltalk
• Example: Template:AmericanSamoa-geo-stub, Template:Atari-stub, Template:Soccer-bio-stub - 有一部分小作品模板圖標在深色模式難以看到
• Template:HK-soc-stub - 圖標有很醜的白邊
• 胡志明市都市鐵路 - 路綫圖字看不清和LOGO去背
• Example: Template:Speciesbox, 小遼河, 宮島口車站 - 大部分Navbox和Infobox顔色都跑掉
• Template:Infobox album, 亞當·拉哈姆迪 - 與深色模式不匹配（專輯年表，獎牌記錄）
• Template:Coord - 圖標在深色模式下變的很深色
• Template:CPNI - lang和背景顏色特別相近
• 2020–21年香港丙組聯賽 - 表格的字看不清
• 卡斯泰爾諾-當格萊斯 - 這種批量生成的人口變化圖示字和背景顏色特別相近
• 埃爾多拉 (科羅拉多州) - 圖片部分看不清
• Template:平仄 - 字和背景顏色特別相近
• 連結顔色可以調淺一點，目前有點難看
• Wikipedia:首頁/banner連結可以調淺一點，目前很難看到，尤其是number-of-articles，可以參考原本的黑夜模式小工具

--User:What7what8🏠 2024年6月21日 (五) 06:46 (UTC)

完成Template:平仄--Cookai餅塊🍪_{（💬留言）} 2024年6月21日 (五) 07:31 (UTC)

以上劃刪除線的部分已經修好，或不必修復。

• Infobox的顏色默認就是應該去掉的，沒去掉似乎才是不正常
• Template:AmericanSamoa-geo-stub, Template:Atari-stub是圖片本身問題，反色的話可能就不對了
• Template:HK-soc-stub是圖片本身問題
• 專輯年表未看出有什麼問題?
• Template:Coord暫時未找到合適方案，除非換圖標？
• Wikipedia:首頁/banner可能需要進一步討論配色問題--百無一用是書生 (☎) 2024年6月21日 (五) 07:52 (UTC)

• [1]和[2]
• 人口變化圖示需要批量改，單就Template:熱爾省市鎮個個都有使用這種圖示
• Infobox和Navbox的顏色去掉，那[3]和[4]的綫路顔色就都被去掉了呀

--User:What7what8🏠 2024年6月21日 (五) 08:04 (UTC)

專輯年表須移除background: transparent;。--Cookai餅塊🍪_{（💬留言）} 2024年6月21日 (五) 08:09 (UTC)

專輯年表 已修復--百無一用是書生 (☎) 2024年6月21日 (五) 08:38 (UTC)

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

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

• Template:Read --User:What7what8🏠 2024年6月21日 (五) 08:18 (UTC)

  完成--Cookai餅塊🍪_{（💬留言）} 2024年6月21日 (五) 08:35 (UTC)

首頁鏈接顏色已調整--百無一用是書生 (☎) 2024年6月30日 (日) 07:45 (UTC)

• Template:Chembox Hazards，Example:環己烷
• Template:Infobox baseball biography，Example:安德魯·麥卡琴
• Template:中國古代人物信息框，Template:Infraspeciesbox，Template:新宿區的町名，Template:Speciesbox沒有去掉顏色
• Template:印度教, 不確定Template:Sidebar要不要去掉顔色
• H-術語P-術語等短語和背景顏色相近，Example:Template:Chembox、環己烷、GHS防範說明
• Template:Hidden展開按鈕和背景顏色相近一系列的摺疊模板展開按鈕和背景顏色相近，Example:環己烷的infobox SMILES和InChI

--User:What7what8🏠 2024年6月21日 (五) 10:58 (UTC)

Template:Hidden請提供例子。--Cookai餅塊🍪_{（💬留言）} 2024年6月21日 (五) 11:04 (UTC)

展開/摺疊按鈕：T252904#9910551--Cookai餅塊🍪_{（💬留言）} 2024年6月22日 (六) 04:59 (UTC)

H-術語P-術語等的顏色是否可以改變？我不確定現有的顏色是否存在某種語義？--百無一用是書生 (☎) 2024年6月27日 (四) 08:28 (UTC)

不確定，不過[6] P.297, 307似乎沒有提到相關資訊，只是對字體有相關規定，英維也沒有特別去調顔色。--User:What7what8🏠 2024年6月28日 (五) 16:58 (UTC)

• Template:Divbox - 文字錯誤變成白色，Example: 新舊中國
• Template:HideH - 標題錯誤變成白色
• Template:Block - Example: Template:Block/doc#範例
• Template:Assessed-Class - Example: Category:乙級天津條目
• Template:TV resolution
• Template:Table - Example: Template:Table/doc#例子1
• Template:中華民國政府部門基礎資訊 - （國家語言部名列表）看不清
• Template:Menstrual cycle

--User:What7what8🏠 2024年6月21日 (五) 11:21 (UTC)

以上劃線的已經修復。Template:Block未看出問題，--百無一用是書生 (☎) 2024年6月21日 (五) 13:03 (UTC)

[7]--User:What7what8🏠 2024年6月21日 (五) 17:30 (UTC)

Template:中華民國政府部門基礎資訊是個別條目的參數使用問題，可以考慮請機器人清理background:transparent;。

Template:HideH看起來應該跟隨template:Navbox的樣式。--Cookai餅塊🍪_{（💬留言）} 2024年6月21日 (五) 13:07 (UTC)

• 英國去留歐盟公投的選舉結果--百無一用是書生 (☎) 2024年6月23日 (日) 06:52 (UTC)

  Template:Referendum及Template:Infobox_referendum--百無一用是書生 (☎) 2024年6月23日 (日) 06:53 (UTC)

• Cite 模板 [8] --User:What7what8🏠 2024年6月23日 (日) 18:36 (UTC)

  這是哪個條目？--百無一用是書生 (☎) 2024年6月26日 (三) 03:42 (UTC)

  [9] 來源90 [10]，來源91 [11]--User:What7what8🏠 2024年6月28日 (五) 16:28 (UTC)

• Template:Yugoslavia timeline--百無一用是書生 (☎) 2024年6月25日 (二) 03:39 (UTC)

• Template:Hidden右側的展開/摺疊文字顏色過深--百無一用是書生 (☎) 2024年6月26日 (三) 03:39 (UTC)

  T252904#9910551--Cookai餅塊🍪_{（💬留言）} 2024年6月26日 (三) 04:54 (UTC)

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

• Template:韓國金唱片新人獎顯示隱藏和腳註顏色對比不足--百無一用是書生 (☎) 2024年6月27日 (四) 09:24 (UTC)

• 戴克斯特拉算法 § 參考源程序中的代碼塊。是不是給<syntaxhighlight>默認添加class=skin-invert比較好。--深鳴（留言） 2024年6月30日 (日) 06:51 (UTC)

  我覺得wmf那邊應該會修....--百無一用是書生 (☎) 2024年6月30日 (日) 07:10 (UTC)

深色模式界面格式問題：編輯模式對話框文本、SVG圖片、代碼塊背景色及字體

參見截圖。

深色模式下編輯器對話框文本顏色不正常

SVG圖片的低對比度以及代碼塊背景色及字體問題，最後並附帶用戶替換CSS的效果圖。

以上截圖來自條目：粗體

Σ>―(〃°ω°〃)♡→天邪弱（に〇〇する） 2024年6月20日 (四) 14:44 (UTC)

另外，斯坦豪斯-莫澤表示法中的符號圖片也有類似問題。--Σ>―(〃°ω°〃)♡→天邪弱（に〇〇する） 2024年6月20日 (四) 17:00 (UTC)

這個看起來已經被修復了--百無一用是書生 (☎) 2024年6月21日 (五) 03:26 (UTC)

(～)補充：深色模式下也無法使用Wikiplus（非Monaco配色）編輯，因為字體顏色會和背景一樣。--自由雨日（留言） 2024年6月20日 (四) 17:12 (UTC)

粗體的SVG圖片、代碼塊背景色已做了修復--百無一用是書生 (☎) 2024年6月21日 (五) 03:35 (UTC)

「窮人的粗體」那部分的代碼塊，為何分成了左右兩塊區域？（中間靠右有一條細細的豎線）--百無一用是書生 (☎) 2024年6月21日 (五) 03:56 (UTC)

應該和《普通體與粗體》那張圖有關？--自由雨日（留言） 2024年6月21日 (五) 04:08 (UTC)

本應跟著全寬的<pre>被圖片擋住了。

SVG圖片在Vector 2022仍有問題，待T367589修復。--Cookai餅塊🍪_{（💬留言）} 2024年6月21日 (五) 04:12 (UTC)

很多js小工具都有類似問題，TW也一樣部分文字看不清--百無一用是書生 (☎) 2024年6月21日 (五) 03:42 (UTC)

未來會修復嗎🥺本來開Monaco配色模式使用Wikiplus差不多能解決問題，但是Monaco配色本身也常有bug，光標無法移動到某些地方……所以只能每次在使用Wikiplus的時候臨時切換到淺色模式（如果正在使用深色模式的話）……--自由雨日（留言） 2024年6月23日 (日) 06:56 (UTC)

(～)補充：深色模式下，預覽時會使用深色模式的佈局和顔色，但是頁面背景卻和淺色模式一樣。[12][13]--User:What7what8🏠 2024年6月23日 (日) 10:25 (UTC)

想問下這個頁面的svg圖片該怎麼解決🥲特別是有一個還是我做的偽造白底的圖片( ——魔琴［身份聲明 留言 貢獻 新手2023］ 2024年6月24日 (一) 14:37 (UTC)

哦加了個class就好了，但是File:OOUI style icons articleAdd-ltr.svg確實還是假的白底不知道有沒有佬能幫我重製一張（ ——魔琴［身份聲明 留言 貢獻 新手2023］ 2024年6月24日 (一) 15:02 (UTC)

done，你看如何--Cookai餅塊🍪_{（💬留言）} 2024年6月24日 (一) 20:21 (UTC)

修了但是沒修完全[14] 囧rz……--User:What7what8🏠 2024年6月28日 (五) 16:31 (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)

條目評選

照目前移動版和深色模式的設計路線，是不是以後特色條目和特色列表的評選，應該增加對適應移動版和深色模式的要求了？例如現在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)