Giter Site home page Giter Site logo

dimmer's Introduction

dimmer

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

example

介绍

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

了解下实现方案,发现有个非常简单的属性可以操作,主要使用css3filter滤镜属性invert(1) hue-rotate(180deg)来实现,invert控制页面元素颜色反转,默认值是0,完全反转是1hue-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 进行优化,使用体验更专注

dimmer's People

Contributors

slc3a2 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

dimmer's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.