我是看了面試題才知道還有這種騷操作,以前是每個插件每個標簽都加顏色

// 現在僅需增加以下一行魔法 CSS：html[theme='dark-mode'] {filter: invert(1) hue-rotate(180deg); }

對于暗黑模式，將使用兩個?filter?：invert?和?hue-rotate

invert：反轉配色。黑色變為白色，白色變為黑色，所有顏色都是如此

hue-rotate：幫助我們處理所有其他非黑色和白色的顏色。 將色相旋轉180度，我們確保應用程序的顏色主題不會改變，而只是減弱其顏色。

總結

以上是生活随笔為你收集整理的CSS 暗黑模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。