Dark Mode by Traslatability WordPress 插件[更至v1.1.3]

Dark Mode：无需改主题，自动适配六套配色的 WordPress 深色模式插件

让网站在深色模式下呈现专业阅读体验，无需手动调整任何样式。插件实时读取主题样式表并重新着色，实现真正的“随用随开”深色模式，同时保证按需加载、不产生白屏闪烁。

智能读取主题样式

插件会逐行解析页面上所有样式表，将每个元素自动映射到深色系配色。这意味着按钮保持基本形态但降低明度，图片保留原本色彩而非简单反相。读者的深色模式体验与站点原本风格一致，而非“被滤镜覆盖的截图”。这是决定用户是否长期开启深色模式的关键——视觉一致性。

按需加载，访客只为自己使用的功能付费

深色切换引擎仅在用户主动开启深色模式时才会加载。未开启该功能的访客仅需下载约 7KB 资源；开启后引擎即时注入，后续页面刷新保持记忆。这意味着深色模式的性能成本由实际使用者承担，而非全员均摊。

六套预置配色，即改即用

插件提供六种经过对比度验证的配色方案：

• Ink（墨水黑）
• Slate（石板灰）
• True black（纯黑）——适配 OLED 屏幕
• Warm（暖棕）——模拟阅读灯氛围
• Midnight（午夜蓝）
• Forest（森林绿）

每套方案的四色均可自由调整，修改后自动保存。无需设计基础也可快速获得可读性达标的深色页面。

多入口切换与无白屏体验

插件支持四种切换按钮样式、五个定位角落、自定义文案与颜色。可隐藏浮动按钮，通过导航菜单、Gutenberg 块、短代码或模板链接自行放置。键盘快捷键 Alt + 字母 在非输入状态可用，?dark=1 参数可在任意页面直接以深色模式打开，并在首屏渲染前完成配色——确保分享链接不会出现白屏闪烁。

核心定位

自动适配任何主题的深色模式解决方案，无需手动改样式。支持六套专业配色、多种放置方式、键盘快捷键与 URL 参数，性能按需加载。

主要功能

• 读取并重新着色所有样式表，保持站点视觉一致性
• 按需加载引擎，未使用深色模式的用户不产生额外负担
• 预渲染配色，首屏前完成切换，消除白屏闪烁
• 六套预置配色方案，四色可自定义
• 多形态切换按钮，支持导航菜单、区块、短代码、模板调用
• 键盘快捷键与 URL 参数直接开启深色模式
• 屏幕阅读器友好的无障碍文案

适用场景

• 夜间访客比例较高的内容站点、博客、文档站
• 需要在不同设备主题下保持品牌一致性的企业官网
• 开发者文档或技术社区，读者常在深夜查阅
• 不想投入时间手动设计深色样式，但希望提供深色模式支持的站长