We apologize for the interruption. However, seabreezecomputers.com has been offering free tools and downloads for many years. Unfortunately, server expenses are now starting to exceed revenue earned. If you appreciate the free tools and downloads at seabreezcomputers.com please consider making a donation.
Downloaded 0 times.
Please make a donation to help with server costs and other expenses.
How to Use
Upload the file coolidm.js to your server and add this in <head> section of document:
You may also edit the following variables in coolidm.js before uploading it:
This is an Instant Dark Mode function by simply inverting the colors using the CSS "filter: invert(100%)". Applied to the html tag it affects everything on the webpage. To make sure that image colors are not inverted we also apply it to img and then they are inverted twice (once with the html tag inversion and again on the img tags) to make them original colors. Unfortunately, we can't affect images in iframes so we have to add iframe to make the colors normal in the iframe. So since most iframes are basically image ads it looks good. However, iframes that are not images will still have white backgrounds.
Some websites do not look good with inverted colors. In that case, set use_black_mode to true and then use the styles below it to style every element to dark backgrounds and light text when dark mode is enabled with the script.
If you prefer not to use coolidm.js on your website but want to style for users that prefer dark mode, here is how to add the css to your style sheet to detect a users preference:
How to Enable Dark Theme in Windows 10
How to Enable Dark Theme on Mac
How to Enable the Dark Theme in Chrome Desktop
Chrome Desktop for Windows 10 automatically uses a dark theme if you set your Operating System to a Dark Theme (Windows, Mac)
Chrome Desktop for Windows 7 can use a dark theme and automatically show dark modes for websites that are programmed for it if the command line parameter --force-dark-mode is added to a shortcut to Chrome. Here are instructions:
Note: At the time of this writing (12/14/2020) even if a Dark Theme is enabled, Google Search and many other Google websites still only display with white backgrounds. Some users have reported that Google is currently testing Dark Mode for some users for Google Search.
How to Enable the Dark Theme in Chrome Mobile for Android
How to Enable the Dark Theme for Android
How to Enable the Dark Theme in Microsoft Edge (Chromium)
How to Enable the Dark Theme on iPhone, iPad or iPad Touch
Last updated on December 17, 2020