slc3a2/dimmer

👋 Chrome扩展程序「关灯」暗黑模式一键切换。

dimmer

👋 chrome 扩展程序，暗黑模式一键切换。chrome 扩展商店搜「关灯」

介绍

迫于晚上看网页太亮，本人还有干眼症！就想做一个网页扩展使用。

了解下实现方案，发现有个非常简单的属性可以操作，主要使用css3的filter滤镜属性invert(1) hue-rotate(180deg)来实现，invert控制页面元素颜色反转，默认值是0，完全反转是1，hue-rotate用于给图片设置颜色反转，0是无变化，180deg是完全反转，超过360deg的值相当于又绕一圈。也算是复习一下 chrome 扩展相关知识并学习一下 sketch 软件，耗时一天实现了一个简单版本。并发布到 chrome 扩展商店。

😄 关灯这个名字来自v2ex的@chocovon的创意，非常感谢。

资源

• 谷歌商店安装
• 国内镜像安装

版本

• v1.0.5

  1.按照谷歌新扩展规定，调整权限申请和描述

  2.优化源码书写风格

• v1.0.4

  1.支持刷新后保持原来皮肤功能

  2.填充部页面无背景色部分情况

• v1.0.3

  1.优化 video 和 img 标签上的颜色变换

• v1.0.1

  1.调整并优化操作界面，更改为拟物化按钮设计，体验更顺滑

  2.去除调试代码

• v1.0.0

  1.发布 mvp 版本

• v1.1.0

  1.manifest_version 支持第 3 版本，支持 google extension 商店要求

  1.对 popup ui 进行优化，使用体验更专注