sindresorhus/caprine

[Win10] Dark mode issue with OS high contrast mode

开放

#1,254 创建于 2020年1月26日

在 GitHub 查看贡献者指南
 (0 条评论) (1 个反应) (0 位负责人)TypeScript (601 个派生)user submission
enhancementhelp wanted

仓库指标

星标
 (7,365 个星标)
PR 合并指标
 (30 天内没有已合并 PR)

描述

Dark mode toggle not working when high contrast mode is enabled in Windows 10. Using 'High contrast black' theme. Using Caprine 2.43.0, but the issue has been present since autumn or so.

The temporary fix is to: 1: Disable the Windows high contrast mode (ALT+LSHIFT+PRNTSCRN), 2: In Caprine, toggle dark mode off then on 3: Enable high contrast mode in Windows.

When refreshing or restarting Caprine, it goes back to white background and one will need to redo the process to enable dark mode.

贡献者指南

研究方向
调查 Caprine 中深色模式的实现方式（可能通过 body 上的 CSS 类切换）。此错误在 Windows 高对比度模式激活时发生；深色模式的 CSS 规则被覆盖。查看渲染器 CSS 文件（例如 browser.css）中的 .dark mode 选择器。审查 Electron 的 systemPreferences API 以检测高对比度。考虑添加 @media (forced colors: active) 查询来处理高对比度模式。在 Windows 10 上使用高对比度黑色主题进行测试。
技术栈
typescriptcss
领域
desktop
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
新近可参与
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
GitTypeScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70