Wordpress-ios: 暗模式主问题

创建于 2019-08-14 · 36评论 · 资料来源: wordpress-mobile/WordPress-iOS

目标

添加对 iOS 13黑暗模式的支持

dark-mode-i2

任务

全球的

[x] 添加XCODE11构建标志以支持 Xcode 10 和 11 之间的并行开发 (#12120)
[x] 创建一组初始预览截图
[x] 主标签栏屏幕上的暗模式支持首次通过
[x] 标签栏图像标记状态的暗模式版本
[x] 花式警报有白色背景
[x] 修订部分有白色背景
[x] QuickStart 有一些白色背景
[x] 添加新的站点流程有一些白色背景
[ ] 更新花式按钮边框样式 (https://github.com/wordpress-mobile/WordPress-iOS/issues/12320#issuecomment-527646730) #12592
[x] 在 iOS 13 上更改textPlaceholder Muriel 颜色以使用tertiaryLabel 。
[x] 注册域有白色背景
[x] 编辑评论是白底白字。
[x] 待处理的评论有白色背景。
[x] Gravatar 裁剪屏幕有白色背景

回归

[x] 阅读器标签区域显示可见的侧面渐变： https :
[x] 网页预览在 iOS 12 上有蓝色工具栏

纽卡斯尔

[x] NUX 暗模式
[x] 登录 NUX 按钮在登录时有黑色微调
[x] 注册底部表单上的标题文本不可读
[x] 注册结语的页眉和页脚是白色的，应该是 listForeground
[] 新帐户尾声在“新帐户”后面有不同的颜色，不应该出现https://github.com/wordpress-mobile/WordPress-iOS/issues/12593
[ ] 在新帐户屏幕上点击继续后显示的模态 HUD 应使用系统灰色背景。 https://github.com/wordpress-mobile/WordPress-iOS/issues/12595
[ ] 在灯光模式下，辅助 NUX 按钮上的活动指示器显示为白底白字。 #140

编辑

[x] 编辑器的暗模式
[x] Aztec HTML 模式下深色背景上的深色文本
[ ] 帖子设置：标签屏幕在标签字段的左侧和右侧有白色https://github.com/wordpress-mobile/WordPress-iOS/issues/12596
[ ] 帖子设置：设置特色图片后，点击特色图片（例如将其删除）显示白色背景https://github.com/wordpress-mobile/WordPress-iOS/issues/12597
[ ] 块编辑器：添加新列表块时，项目符号与占位符重叠（仅限深色模式） #1391 Gutenberg

统计数据

[x] Stats Insights 中的某些区域仍然具有白色背景
[x] 黑暗国家地图可能太暗而无法阅读

我的网站

[x] 帖子单元格（展开视图）的某些标签具有白色背景
[x] 帖子/页面标签栏样式应与统计信息相匹配
[x] 主题支持图标未正确着色
[x] 帖子/页面中的幽灵视图具有白色背景
[x] 活动日志（在帮助和支持中）在白色背景上有白色文本
[x] 计划仍然是浅色的
[x] 活动屏幕仍然是浅色
[x] 在活动日志列表中反转文本和 textSubtle 颜色。
[x] 删除活动日志列表中“免费计划”页脚下方的分隔线
[x] 计划列表“最适合...”文本应使用 textSubtle
[x] 菜单：向下箭头和重新排序手柄应使用textTertiary （通过textPlaceholder ？）“新项目”旁边的页面图标应使用listIcon颜色。
[x] 菜单：编辑菜单名称时，使用tertiarySystemBackground / gray80作为背景颜色。文本应该是text并且 X 图标应该是listIcon 。
[x] 共享 > 共享按钮/管理 > 编辑共享按钮——图标应该使用listIcon 。 “分享这个”和“官方按钮”应该使用 textSubtle。
[ ] 帖子列表：删除帖子后，“撤消”单元格为白色背景https://github.com/wordpress-mobile/WordPress-iOS/issues/12598
[ ] 设置：当您拉动刷新https://github.com/wordpress-mobile/WordPress-iOS/issues/12599时，时区和标签屏幕具有白色背景
[ ] 设置：选择器在白色背景上有白色文本（每页帖子和讨论设置：关闭评论、分页、评论中的链接） https://github.com/wordpress-mobile/WordPress-iOS/issues/12600

读者

[ ] 在读者评论上点击“回复”会显示评论周围的白色背景https://github.com/wordpress-mobile/WordPress-iOS/issues/12601
[ ] 关注的站点：点击管理然后返回使“管理”单元格突出显示（白色背景） https://github.com/wordpress-mobile/WordPress-iOS/issues/12602
[ ] 点赞帖子时，星星图标在动画期间为黑色背景https://github.com/wordpress-mobile/WordPress-iOS/issues/12603

扩展

[x] 更新小部件
[x] 更新共享扩展
[x] 更新通知丰富内容扩展

V2

[ ] 使标签栏半透明

在明暗模式之间切换#12441

[ ] 读者详情
[ ] 花式按钮
[ ] 搜索栏笔画

通知

[x] 评论审核在评论单元格的背景不正确，已将屏幕截图添加到线程中。

分析

此项目没有分析事件。

最有用的评论

@frosty我已将我看到的其他问题添加到任务列表中（在“我的网站”、“编辑器”、“阅读器”下）。如果有任何不清楚的地方，请告诉我，我可以通过屏幕截图等进行澄清。

rachelmcr 于 2019-09-17

❤3

所有36条评论

让我们将用于底部选项卡栏的灰色交换为用于选项卡的默认系统灰色。我不确定颜色是否有名字，但它在暗模式下是 #757575，在亮模式下是 #999999。这将使标签栏与上面模型中的内容相匹配。

mattmiklic 于 2019-08-21

我的网站小节未完成：

[x] 帖子/页面标签栏样式应与统计信息相匹配
[x] 主题支持图标未正确着色
[x] 帖子/页面中的幽灵视图具有白色背景

frosty 于 2019-08-26

IMG_64CCB4F0DE2C-1

将此添加到堆中 - 黑底黑字难以阅读

jkmassel 于 2019-08-28

帖子/页面中的幽灵视图具有白色背景

鬼是加载占位符？这是我所看到的（扩展和紧凑模式），我认为这是清单上已经存在的幽灵项目：

wpios-13 2-beta-dark-mode-posts-list-loading-placeholders-are-light
^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-29

在注册期间看到的新帐户屏幕上的标题有一个白色背景和非常浅的灰色文本，底部的按钮也有一个浅色背景：

new-account-email-unreadable-in-siwa-dark-mode-ios-13 1-beta1-wpios-13 2-beta1
^{在 iPhone 6S iOS 13.1 Beta 1 上在深色模式下使用 WPiOS 13.2-beta1 (TestFlight) 进行测试 - 在 Sign In With Apple 测试期间可见。}

designsimply 于 2019-08-29

帖子单元格（展开视图）的某些标签具有白色背景

发现了几个这样的例子：

从熊掌记分享的内容
日期字段后面的空格（仅适用于我过滤器，在每个人过滤器中，作者姓名显示在那里）
“正在上传帖子……”通知
“上传失败”通知

wpios-13 2-beta-dark-mode-posts-list-me-filter wpios-13 2-beta-dark-mode-uploading-post-notice-has-white-bg
^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-29

应用程序日志以白底白字显示。

wpios-13 2-beta-dark-mode-white-text-on-white-bg-for-app-logs
^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-29

计划描述仍然是浅色的。

^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-29

活动屏幕仍然是浅色的。

wpios-13 2-beta-dark-mode-activity-screen-still-light wpios-13 2-beta-dark-mode-individual-activity-screen-still-light
^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-30

统计数据中的国家/地区地图太黑了，我无法阅读。

wpios-13 2-beta-dark-mode-stats-countries-map-is-too-dark-to-be-readable
^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-30

“注册 WordPress.com”页面上的服务条款链接太暗而无法阅读。

^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-30

在 Aztec HTML 模式下，文本为黑色，背景为黑色。

^{在深色模式下在 iPhone 6S iOS 13.1 Beta 1 上使用 WPiOS 13.2-beta1 (TestFlight) 进行测试。}

designsimply 于 2019-08-30

在这里添加这个是因为我没有在 GitHub 中看到它并且想确保它被跟踪。以下是我们应该与暗模式一起进行的按钮更改（在序言、花式对话框中）的规范。

buttons

mattmiklic 于 2019-09-03

谢谢@mattmiklic - 按钮颜色应该已经更新了，这只是我们现在需要更新的边框样式和可能的字体选择。

frosty 于 2019-09-04

👍1

刚刚注意到站点页面视图上的帖子标题是暗淡的。我相信它们应该是白色的以匹配博客帖子视图。

iamthomasbishop 于 2019-09-05

👍1

好收获@iamthomasbishop。标题应使用text颜色，日期应使用textSubtle 。

mattmiklic 于 2019-09-05

我刚刚注意到插件中有一些错误的背景颜色：

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 12 13

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 13 03

在这个中，文本后面有一个不应该在那里的黑色背景。此外，版本文本应使用textSubtle颜色，描述的正文应使用text颜色。

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 13 10

mattmiklic 于 2019-09-05

在活动日志中， text和textSubtle颜色应该相反。在此屏幕截图中，“关于/本地草稿/草稿/草稿页面”文本应为text而“页面草稿已修改”等文本应为textSubtle 。

表格页脚文本下方还有一个分隔线，我认为它应该直接出现在表格上方。

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 21 04

mattmiklic 于 2019-09-05

在“计划”屏幕上，“最适合...”文本应使用textSubtle颜色。

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 24 12

mattmiklic 于 2019-09-05

根据语义颜色名称电子表格， textPlaceholder在 iOS 13 上使用 muriel gray 30。我们应该将其切换为使用 iOS 13 的系统tertiaryLabel颜色，因为这是 Apple 所说的用于占位符的颜色.

mattmiklic 于 2019-09-05

在菜单屏幕上：

V 字形图标和用于在菜单中拖动和重新排序项目的图标都应使用textTertiary颜色。页面图标（在“新项目”旁边）和铅笔图标（在“默认菜单”旁边）应该使用listIcon颜色。

mattmiklic 于 2019-09-05

同样在菜单中，在暗模式下编辑菜单名称时，背景颜色太浅。对于 iOS 13，我们应该使用tertiarySystemBackground ，对于 iOS 12 及更低版本，我们可以使用 muriel Gray 80。

文本应为text颜色，(X) 图标应为listIcon 。

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 27 16

mattmiklic 于 2019-09-05

感谢@mattmiklic提供这些反馈！我已经修复了一些（甚至是 Pages @iamthomasbishop中的页面）

danielebogo 于 2019-09-05

❤1 👍1

在共享 > 共享按钮/管理 > 编辑共享按钮下，列表中的图标应使用listIcon 。

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 50 14

mattmiklic 于 2019-09-05

同样在菜单中，“分享这个”和“官方按钮”文本应该使用我们在这种视图中其他地方使用的任何内容。我认为它是textSubtle但我不确定。

Simulator Screen Shot - iPhone Xs - 2019-09-05 at 15 51 11

mattmiklic 于 2019-09-05

这是从 Testflight 测试 13.2.1.0：

在新帐户创建屏幕上，状态栏后面的背景颜色与页面其余部分后面的颜色不同。状态栏后面的颜色是不正确的颜色。

在“新帐户”屏幕上点击“继续”后出现的模式进度指示器会消失；这应该使用常规材质背景、标准微调器和text颜色文本；但我不确定这是否很耗时。也许在此期间仅使用系统灰色背景会有所帮助，因此它可以响应暗模式。

第一次加载屏幕时，通知上存在布局错误。如果用户尚未允许通知，则会导致标签栏被切断。

如果用户关闭了推送通知提示，则列表中第一个通知上方只有一堆额外的空间。

IMG_8DEB8F00F29C-1

这不是暗模式特有的，但它是 13.2 的新功能。

mattmiklic 于 2019-09-07

我已将此处所有打开的报告添加到本期顶部的任务列表中。

frosty 于 2019-09-09

👍1

rachelmcr 于 2019-09-17

❤3

谢谢@rachelmcr ！

danielebogo 于 2019-09-17

评论审核的评论单元格背景不正确。

File (2)

elibud 于 2019-09-20

2364138-禅

报告：我在 Wordpress iOS 夜间模式中有一个错误。在我的 iOS 13.1 beta 中，段落和顺序文本为白色，背景为白色！我希望你会更新以解决这个问题。

B01502C2-20E9-4568-AD13-16A538B3264C_L0_001
D2BC9489-D2F7-43F2-9A8B-AAC6741EDCC3_L0_001

melindahelt 于 2019-09-20

为最后一个 Ping @etoledom 。

elibud 于 2019-09-20

@melindahelt @elibud是在 Aztec 上，所以我认为@frosty也可以帮助解决这个问题

iamthomasbishop 于 2019-09-20

个人资料 > 帮助和支持 > 我的工单屏幕仍然是浅色的：

^{在 iPhone 6S iOS 13.1 beta 4 上使用 WPiOS 13.3.0.0 (TestFlight) 进行测试。}

designsimply 于 2019-10-01

@melindahelt @elibud是在 Aztec 上，所以我认为@frosty也可以帮助解决这个问题

除非有人已经在照顾它，否则我可以在一周内接受它。 @frosty ， @danielebogo ？

etoledom 于 2019-10-01

此问题已关闭，因为对这些问题的跟踪现已转移到 Github 项目： https :

frosty 于 2019-10-04

🚀1

此页面是否有帮助？

0 / 5 - 0 等级

Wordpress-ios: 暗模式主问题

目标

任务

全球的

回归

纽卡斯尔

编辑

统计数据

我的网站

读者

扩展

V2

通知

分析

相关问题

最有用的评论

所有36条评论

2364138-禅

相关问题