让网站变成暗黑系风格的css代码

<span class="token tag"><span class="token punctuation"><</span>style<span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
<span class="token selector">html</span> <span class="token punctuation">{</span>
    <span class="token property">filter</span><span class="token punctuation">:</span> <span class="token function">invert</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span> <span class="token function">hue-rotate</span><span class="token punctuation">(</span>180deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* 图片视频取消颜色反转 */</span>
<span class="token selector">img,
video</span> <span class="token punctuation">{</span>
    <span class="token property">filter</span><span class="token punctuation">:</span> <span class="token function">invert</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span> <span class="token function">hue-rotate</span><span class="token punctuation">(</span>180deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token punctuation"></</span>style<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>style<span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
<span class="token selector">html</span> <span class="token punctuation">{</span>
    <span class="token property">filter</span><span class="token punctuation">:</span> <span class="token function">invert</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span> <span class="token function">hue-rotate</span><span class="token punctuation">(</span>180deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* 图片视频取消颜色反转 */</span>
<span class="token selector">img,
video</span> <span class="token punctuation">{</span>
    <span class="token property">filter</span><span class="token punctuation">:</span> <span class="token function">invert</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span> <span class="token function">hue-rotate</span><span class="token punctuation">(</span>180deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token punctuation"></</span>style<span class="token punctuation">></span></span>
<style>
html {
    filter: invert(1) hue-rotate(180deg);
}
/* 图片视频取消颜色反转 */
img,
video {
    filter: invert(1) hue-rotate(180deg);
}
</style>