维基百科:征求意见/深色模式
![]() |
|
近期部署的深色模式(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)
- Vector 2022,我看zhwiki深色模式行动版也没有pdf图示啊。--Cookai饼块🍪(💬留言) 2024年6月20日 (四) 11:18 (UTC)
- 我看了一下enwiki深色模式移动版是没有pdf图标的--百無一用是書生 (☎) 2024年6月20日 (四) 09:34 (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)
- 我还是没理解哪里不对....--百無一用是書生 (☎) 2024年6月20日 (四) 13:14 (UTC)
- 所以黑夜模式要改成白色边框啊,阿特拉斯足球俱乐部作客球衣衣服都突出来了--User:What7what8🏠 2024年6月20日 (四) 12:56 (UTC)
- 这个球衣背景不白色,深色模式下就完全看不清了啊--百無一用是書生 (☎) 2024年6月20日 (四) 12:15 (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)
- 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)
- phab:T367589应该是不同问题?class可以有,建议用
- 可以考虑在Mediawiki:common.css定义一个class,专门用来给深色模式下有需要的图片加一个白色背景?或者等待看看phab:T367589能不能解决?--百無一用是書生 (☎) 2024年6月21日 (五) 08:42 (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)
- 想要效果好的话,应该需要逐一制作c:Template:Pengo_IUCN/zh的深色模式版本,然后在{{Taxobox/species}}里套用{{if darkmode}}。--PexEric 💬|📝 2024年6月23日 (日) 08:58 (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)
- phab:T357179似乎这个是期望改成的样子?--百無一用是書生 (☎) 2024年6月21日 (五) 08:26 (UTC)
- 看起来cmbox imbox tmbox fmbox这几个都有问题,可能需要把深色模式下的背景色改一下--古怪的Wang31(讨论 | 贡献) 2024年6月21日 (五) 05:23 (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)
- 以上划删除线的部分已经修好,或不必修复。
- 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)
- 首页链接颜色已调整--百無一用是書生 (☎) 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)
- 目前至少已把环己烷修好了--百無一用是書生 (☎) 2024年7月1日 (一) 12:27 (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 resolutionTemplate:Table- Example: Template:Table/doc#例子1Template:中华民国政府部门基础资讯- (国家语言部名列表)看不清Template:Menstrual cycle
--User:What7what8🏠 2024年6月21日 (五) 11:21 (UTC)
- 以上划线的已经修复。Template:Block未看出问题,--百無一用是書生 (☎) 2024年6月21日 (五) 13:03 (UTC)
- Template:中华民国政府部门基础资讯是个别条目的参数使用问题,可以考虑请机器人清理
background:transparent;
。 - Template:HideH看起来应该跟随template:Navbox的样式。--Cookai饼块🍪(💬留言) 2024年6月21日 (五) 13:07 (UTC)
英国去留欧盟公投的选举结果--百無一用是書生 (☎) 2024年6月23日 (日) 06:52 (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)
- 这是哪个条目?--百無一用是書生 (☎) 2024年6月26日 (三) 03:42 (UTC)
- Template:Hidden右侧的展开/折叠文字颜色过深--百無一用是書生 (☎) 2024年6月26日 (三) 03:39 (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图片、代码块背景色及字体[编辑]
参见截图。
![](http://upload.wikimedia.org/wikipedia/zh/thumb/f/fa/Editor_Dialog_Text_Color_Under_Dark_Mode.png/220px-Editor_Dialog_Text_Color_Under_Dark_Mode.png)
![](http://upload.wikimedia.org/wikipedia/zh/thumb/4/4d/CSS_problems_in_dark_mode.png/220px-CSS_problems_in_dark_mode.png)
以上截图来自条目:粗体
Σ>―(〃°ω°〃)♡→天邪弱(に〇〇する) 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)
- “穷人的粗体”那部分的代码块,为何分成了左右两块区域?(中间靠右有一条细细的竖线)--百無一用是書生 (☎) 2024年6月21日 (五) 03:56 (UTC)
- 很多js小工具都有类似问题,TW也一样部分文字看不清--百無一用是書生 (☎) 2024年6月21日 (五) 03:42 (UTC)
- 未来会修复吗🥺本来开Monaco配色模式使用Wikiplus差不多能解决问题,但是Monaco配色本身也常有bug,光标无法移动到某些地方……所以只能每次在使用Wikiplus的时候临时切换到浅色模式(如果正在使用深色模式的话)……--自由雨日(留言) 2024年6月23日 (日) 06:56 (UTC)
- 粗体的SVG图片、代码块背景色已做了修复--百無一用是書生 (☎) 2024年6月21日 (五) 03:35 (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)
- 哦加了个class就好了,但是File:OOUI style icons articleAdd-ltr.svg确实还是假的白底不知道有没有佬能帮我重制一张( ——魔琴[身份声明 留言 贡献 新手2023] 2024年6月24日 (一) 15:02 (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)
- 仍然没上,看来是bot有bug--百無一用是書生 (☎) 2024年6月23日 (日) 05:56 (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)