Freecodecamp: 在黑暗模式下很难阅读脱机警告消息

WCAG确实说对比度仅为1.41： https ://contrastchecker.com/?c=f5f6f7

通知背景是硬编码的，并且正在根据主题处理字体颜色。

我们让引导程序处理通知的样式，因为它们处理字体颜色和背景，并且在两个主题上看起来都很好。

因此，执行以下操作应该可以解决问题。

在此处添加alert-info作为课程：
https://github.com/freeCodeCamp/freeCodeCamp/blob/0c0611229e23e20000bd287736fa9dc36566f7b1/client/src/components/OfflineWarning/OfflineWarning.js#L28

并从此处删除background ：
https://github.com/freeCodeCamp/freeCodeCamp/blob/05535d1e56bca7456b69510fa724493edf5fa1ca/client/src/components/OfflineWarning/offline-warning.css#L6

我认为最好的方法是实施亮度校正的计算。
使用亮度校正方法的第一个明显的含义是，通知背景颜色需要切换为背景的RBG声明，通过我们选择的任何方法计算亮度，并将其用于前景颜色声明，该颜色可以（并且将仍然是HSL颜色。

我说这是因为，这将允许字体颜色根据通知背景对比度的对比度从white更改black ，反之亦然。

资料来源： https :

@ahmadabdolsaheb我可以从事这个工作吗？ 我可能需要帮助。 请指导我。

@ rammazzoti2000 ，这是一个很酷的把戏。 感谢您分享链接。

由于计划退出引导程序，因此在重写过程中如何实现暗/亮主题时，应考虑进行亮度校正的计算。

同时，我认为我们可以继续进行简单的更改来解决此问题。

@ redshark25 ，当然。 确保阅读以下内容： https :