js利用网址收藏栏插件实现深色主题

实现效果：

实现步骤：

1.实现代码：

var a = document.createElement('style');
a.innerHTML = `html{background-color:#fff;filter:invert(1);}img{filter:invert(1)}video{filter:invert(1)}`;
document.head.appendChild(a)

其中，filter：invert(1)的作用是将元素本身背景颜色翻转，后面对img和video元素再操作一遍的目的是保持元素本身的颜色不变

2.创建浏览器插件：

首先，右键浏览器中的书签栏选择“添加网页”，名称命名为“深色主题”，然后在网址那一栏中输入“javascript:”后面再跟刚才写的代码，点击保存

 3.查看效果

保存后，点击“深色主题”书签插件，网站界面即可变为深色主题了