css实现色弱模式, 灰色模式, 暗黑模式

参考资料

CSS3里的色弱模式（反色） - 掘金 (juejin.cn)

CSS filter实现灰色模式和色弱模式 - Better-HTQ - 博客园 (cnblogs.com)

如何使用 CSS 实现网站变灰色：深入了解灰度滤镜 - 掘金 (juejin.cn)

一步到位：三行CSS代码轻松实现全网站暗黑模式 - 掘金 (juejin.cn)

vue3 element-plus 暗黑模式（主题切换）简易版_vue深色模式_Raywh的博客-CSDN博客

element-plus的暗黑模式是基于默认主题色的暗黑模式，如果实现了自定义主题，再想切换暗黑模式，就不能再直接使用element-plus/theme-chalk/dark/css-vars.css文件中的主题变量了，一种简单的方式是，自定义主题颜色不变，但改变大的背景色和文字颜色，使其符合暗色模式的风格，主题色不变。但这可能感觉不和谐，更适配的方式，应该基于不同的主题色，实现不同的暗色模式。