Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tomlutzenberger/invertthemebookmarklet

Dynamic Bookmarklet to invert the colors of a website
https://github.com/tomlutzenberger/invertthemebookmarklet

bookmark bookmarklet dark-mode dark-theme javascript publish-website theme-switcher

Last synced: 20 days ago
JSON representation

Dynamic Bookmarklet to invert the colors of a website

Host: GitHub
URL: https://github.com/tomlutzenberger/invertthemebookmarklet
Owner: tomlutzenberger
License: mit
Created: 2017-10-31T18:19:49.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2023-10-17T06:23:18.000Z (over 1 year ago)
Last Synced: 2024-11-11T19:11:38.422Z (3 months ago)
Topics: bookmark, bookmarklet, dark-mode, dark-theme, javascript, publish-website, theme-switcher
Language: JavaScript
Homepage:
Size: 436 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # 🌗 invertThemeBookmarklet

[![Releases](https://img.shields.io/github/release/tomlutzenberger/invertThemeBookmarklet.svg?maxAge=3600&style=flat-square)](https://github.com/tomlutzenberger/invertThemeBookmarklet/releases)

[![License](https://img.shields.io/github/license/tomlutzenberger/invertThemeBookmarklet.svg?maxAge=3600&style=flat-square)](https://github.com/tomlutzenberger/invertThemeBookmarklet/blob/master/LICENSE)

[![David](https://img.shields.io/david/tomlutzenberger/invertThemeBookmarklet.svg?maxAge=3600&style=flat-square&label=dep)]()

[![David DEV](https://img.shields.io/david/dev/tomlutzenberger/invertThemeBookmarklet.svg?maxAge=3600&style=flat-square&label=devDep)]()

[![Maintainability](https://api.codeclimate.com/v1/badges/214c62fd014b152dd4cc/maintainability)](https://codeclimate.com/github/tomlutzenberger/invertThemeBookmarklet/maintainability)

[![Documentation](https://inch-ci.org/github/tomlutzenberger/invertThemeBookmarklet.svg?branch=master)](https://inch-ci.org/github/tomlutzenberger/invertThemeBookmarklet)

[![Made with Love](https://img.shields.io/badge/Made%20with-%E2%99%A5-red.svg?style=flat-square)]()

## What it is

invertThemeBookmarklet is a dynamic bookmark written in pure JavaScript to invert the colors of a website (excluding images).

I personally prefer dark themes because they are less tiring for the eyes. That was the motivation to create invertThemeBookmarklet.

## How to use

1. Open your favorite browser

1. Create a new bookmark

1. Copy the contents of [invertThemeBookmarklet.min.js](src/invertThemeBookmarklet.min.js) and paste it in the new bookmark's URL field

1. Add a nice name to the bookmark (I chose 🌗)

## Contribution

If you find a case where the script could be improved or a bug needs to be fixed, just file an issue and I'll take a look into it.

## License

This script is published under the **MIT License** and can be used for any commercial and personal projects.

## Changelog

- 2021-08-04	[**v0.3**](https://github.com/tomlutzenberger/invertThemeBookmarklet/releases/tag/v0.3)	Bugfixes, improvements and dependency updates

- 2017-11-01	[**v0.2**](https://github.com/tomlutzenberger/invertThemeBookmarklet/releases/tag/v0.2)	Improved element inversion

- 2017-10-31	[**v0.1**](https://github.com/tomlutzenberger/invertThemeBookmarklet/releases/tag/v0.1)	Working version