CSS 暗黑模式

我是看了面试题才知道还有这种骚操作,以前是每个插件每个标签都加颜色

// 现在仅需增加以下一行魔法 CSS：

html[theme='dark-mode'] {
    filter: invert(1) hue-rotate(180deg);
}

对于暗黑模式，将使用两个 filter ：invert 和 hue-rotate

invert：反转配色。黑色变为白色，白色变为黑色，所有颜色都是如此

hue-rotate：帮助我们处理所有其他非黑色和白色的颜色。 将色相旋转180度，我们确保应用程序的颜色主题不会改变，而只是减弱其颜色。