Dracula 主题 - 颜色问题
描述: 在我们的 Discourse 站点上遇到了 Dracula 主题的问题。该主题的外观与其预期外观不同,尤其是在颜色方案和标签外观方面。最初,该主题在我测试的站点上显示与其他使用 Dracula 的站点不同。从 GitHub 存储库重新安装后,外观一致,这表明可能存在过时的代码或变量使用问题。
重现步骤:
- 通过“管理”→“自定义”→“主题”安装 Dracula 主题。
- 将其设置为默认主题。
- 在“管理”→“自定义”下禁用用户其他主题和颜色方案选项。
- 在我的个人资料(首选项 → 界面)中确认 Dracula 是唯一可选择的主题,确保我查看的是其默认设置。
- 注意到外观差异,尤其是标签,其外观不符合预期(表明主题可能存在问题)。
屏幕截图:
平台:
- Mac (桌面)
浏览器:
- Chrome
附加评论: 该问题似乎源于主题中使用了过时的 CSS 变量。Dracula 主题中的当前语法($primary、$tertiary、$secondary)与 Discourse 最新主题中使用的较新变量格式(var(–tertiary)、var(–secondary))相比已过时,如 GitHub 示例所示。这种旧的变量使用很可能导致异常的渲染,尤其是在没有其他可选主题或颜色方案时。即使重新安装主题后问题仍然存在,这表明主题的代码结构存在更深层的问题。

