GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → x08d → 222

x08d / 222

Licence: GPL-3.0 license
222. Dark mode. Everywhere. 222 bytes of js to make any website dark

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

dark-themebookmarkletbookmarkdark-mode

Projects that are alternatives of or similar to 222

Light-Switch
Easily switch from light to dark theme, or the other way around, in Windows 10/11.
Stars: ✭ 25 (-56.9%)
Mutual labels:  dark-theme, dark-mode
Darkreader
Dark Reader Chrome and Firefox extension
Stars: ✭ 12,052 (+20679.31%)
Mutual labels:  dark-theme, dark-mode
dark
🌛 Dark themes / mode for Rambox, Franz or Ferdi messaging services
Stars: ✭ 93 (+60.34%)
Mutual labels:  dark-theme, dark-mode
llDark
适用于iOS深色模式的令人愉快的主题框架
Stars: ✭ 75 (+29.31%)
Mutual labels:  dark-theme, dark-mode
Turn-Off-the-Lights-Chrome-extension
Chrome extension
Stars: ✭ 81 (+39.66%)
Mutual labels:  dark-theme, dark-mode
Deep-DarkFantasy
Global Dark Mode for ALL apps on ANY platforms.
Stars: ✭ 16 (-72.41%)
Mutual labels:  dark-theme, dark-mode
mantine
React components library with native dark theme support
Stars: ✭ 4,390 (+7468.97%)
Mutual labels:  dark-theme, dark-mode
CustomTkinter
A modern and customizable python UI-library based on Tkinter
Stars: ✭ 1,626 (+2703.45%)
Mutual labels:  dark-theme, dark-mode
wluma
Automatic brightness adjustment based on screen contents and ALS
Stars: ✭ 290 (+400%)
Mutual labels:  dark-theme, dark-mode
charmed-dark-xcode-theme
A charming and colorful dark theme for Xcode 🌈.
Stars: ✭ 172 (+196.55%)
Mutual labels:  dark-theme, dark-mode
sketch-dark-mode
Generate a dark mode version of any Sketch document, the right way.
Stars: ✭ 58 (+0%)
Mutual labels:  dark-theme, dark-mode
fsc
A set of themeable WPF File System Controls similar to some parts of Windows (7-10) Explorer
Stars: ✭ 66 (+13.79%)
Mutual labels:  dark-theme, bookmark
DarkModeSplashScreen
A sample app for iOS and Android written in Xamarin.Forms showing how to implement a Splash Page for Dark Mode
Stars: ✭ 28 (-51.72%)
Mutual labels:  dark-theme, dark-mode
tailwind-theme-switcher
Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.
Stars: ✭ 164 (+182.76%)
Mutual labels:  dark-theme, dark-mode
hash-dark-vscode
A minimal dark vscode theme inspired by Hashnode blog syntax highlighting.
Stars: ✭ 12 (-79.31%)
Mutual labels:  dark-theme, dark-mode
react-native-with-style
A styling package for easily adding themes to your React Native projects.
Stars: ✭ 17 (-70.69%)
Mutual labels:  dark-theme, dark-mode
bootstrap-darkmode
Stylesheet and scripts for implementing dark mode with Bootstrap 4
Stars: ✭ 38 (-34.48%)
Mutual labels:  dark-theme, dark-mode
Nozha-rtl-Dashboard
Nozha is a rtl / ltr Admin Panel with Dark Mode
Stars: ✭ 31 (-46.55%)
Mutual labels:  dark-theme, dark-mode
Halfmoon
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Stars: ✭ 2,583 (+4353.45%)
Mutual labels:  dark-theme, dark-mode
Turn-Off-the-Lights-Firefox-extension-WebExtensions
Firefox extension (WebExtensions)
Stars: ✭ 19 (-67.24%)
Mutual labels:  dark-theme, dark-mode
View All Similar Projects ➔

222. Dark mode. Everywhere.

222 is a bookmarklet that enables darkmode on any website.

Simply drag and drop these 222 bytes to your bookmarks bar

javascript:document.querySelectorAll('*').forEach(e=>e.setAttribute('style','background-color:#222;background-image:none;color:#'+(/^A|BU/.test(e.tagName)?'36c;text-decoration:underline;':'eee;')+e.getAttribute('style')))

And then click the bookmark on any page you want to enable darkmode on.

Examples

Alternative Installation

Simply create a bookmark and set the content of ./index.js as the url and click it on any page you want to enable dark mode.

Customization

Customizing is easy, simpy fork the project and change the styles you would like in ./index.js.

Chrome Extension:

To install as a chrome extension:

  1. Check-out or download this project

  2. Open Chrome Browser, click tools->extensions

  3. Enable developer mode, click toggle ( top-right )

  4. Click "load unpacked" button and choose the 222 installation folder

you're good to go!

Contributing

Please open pull requests and issues on github for anything you find :).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].