Coder Social home page Coder Social logo

abstiles / deluminate Goto Github PK

View Code? Open in Web Editor NEW
214.0 214.0 43.0 191 KB

An extension for Google Chrome (and Chromium) that inverts the luminance of websites.

License: BSD 2-Clause "Simplified" License

JavaScript 76.05% CSS 11.83% Makefile 1.95% HTML 7.86% Shell 2.31%
chrome-extension dark-theme night-mode

deluminate's People

Contributors

abstiles avatar bagodel avatar mrdigdug avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

deluminate's Issues

Suggestion/Request

I would be extremely happy if you'd make the UI stay black on grooveshark.com when in inverted mode. I'd even be willing to give you five dollars through Paypal if you did so.

Local files not inverted.

This could either be a bug or a feature-request depending on how you look at it: Currently, pages opened from the local file-system do not invert in any of the settings/modes. It would be nice if pages with file://path (or file:///path on linux, in my case) URLs could be inverted too. Every time a downloaded or locally-born file is viewed, it is bright and glaring, and can't be inverted without manually editing the page source. Thanks.

Enhance settings for scheme scoping.

I noticed this for http://heroku.com/. If I disable it at the main page, once I log in it is back to being inverted. Furthermore if I disable it then, the next link I click is deluminated and I end of disabling it for every page.

I think it would be great if users had a settings option where you can add "excluded sites" and could use wildcards: e.g. "Exclude: *.heroku.com_, https://www.youtube.com/watch?_"

"small invert images" - what is it? +enchantment request

this option seems to invert random images, so I couldn't understand its purpose.
on some pages it inverts only small images and leaves 200x200 + images untouched, on other pages it inverts everything including 400x200 images

enchantment request: replace this option with "invert small images only" which would invert images with width smaller than x and height smaller than y and we could set both x and y in options. - that would be the best.

Google Hangouts become invisible

When I am on Google+ and have Hangout chat windows open at the bottom of the screen, they become invisible when scrolling down. All that is left is a slight drop shadow where the window is supposed to be.
This does not happen when Deluminate is deactivated, everything works just fine then.

Verticle white bar on left edge of ALL webpages

I am surprised that this hasn't been reported yet, I thought it would have been obvious and an update would come in due course, but maybe it is just me because I'm on a Chromebook - Chromebook Pixel. This has been happening for the last month or two.

I have included an example screenshot but be aware this is on ALL websites where deluminate is enabled, no exceptions.

screenshot 2014-06-05 at 9 39 37 pm

Chrome detail:

Google Chrome OS
The faster, simpler and more secure computer
Get help with using Chrome OS Report an issue
Version 36.0.1985.35 beta
Platform 5841.23.0 (Official Build) beta-channel link
Firmware Google_Link.2695.1.133

Your device is up to date.
Channel

Currently on beta channel.
Change channel...
webkit

537.36 (@174908)
V8

3.26.31.1
User Agent

Mozilla/5.0 (X11; CrOS x86_64 5841.23.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.35 Safari/537.36
Command Line

/opt/google/chrome/chrome --device-management-url=https://m.google.com/devicemanagement/data/api --enable-fixed-position-compositing --enable-logging --enable-impl-side-painting --max-tiles-for-interest-area=512 --enterprise-enable-forced-re-enrollment --enterprise-enrollment-initial-modulus=9 --enterprise-enrollment-modulus-limit=13 --log-level=1 --login-profile=user --max-unused-resource-memory-usage-percentage=5 --ui-enable-per-tile-painting --ui-prioritize-in-gpu-process --use-cras --user-data-dir=/home/chronos --register-pepper-plugins=/opt/google/chrome/pepper/libnetflixhelper.so#NetflixHelper#Helper for the Netflix application#2.0.0;application/x-ppapi-netflixhelper --ash-default-wallpaper-large=/usr/share/chromeos-assets/wallpaper/default_large.jpg --ash-default-wallpaper-small=/usr/share/chromeos-assets/wallpaper/default_small.jpg --ash-guest-wallpaper-large=/usr/share/chromeos-assets/wallpaper/guest_large.jpg --ash-guest-wallpaper-small=/usr/share/chromeos-assets/wallpaper/guest_small.jpg --ppapi-flash-path=/opt/google/chrome/pepper/libpepflashplayer.so --ppapi-flash-version=14.0.0.116-r1 --enable-webkit-text-subpixel-positioning --enable-accelerated-overflow-scroll --default-tile-width=512 --default-tile-height=512 --enable-natural-scroll-default --has-chromeos-keyboard --touch-calibration=0,0,0,50 --ppapi-flash-args=enable_hw_video_decode=1 --vmodule=screen_locker=1,webui_screen_locker=1,network_portal_detector_impl=1,ui/display/chromeos=1,ash/display=1,zygote=1,plugin=2 --gpu-sandbox-failures-fatal=yes --system-developer-mode --login-manager --termination-message-file=/tmp/.org.chromium.Chromium.eP3G2m/.org.chromium.Chromium.uLc2gE --first-exec-after-boot --enable-natural-scroll-default
Build Date

Wednesday, 28 May 2014
Hide info ...
Google Chrome
Copyright 2014 Google Inc. All rights reserved.
Google Chrome is made possible by the Chromium open source project and other open source software.
Chrome OS is made possible by additional open-source software.
Google Chrome Terms of Service

feature: store customizations in configurable path/file

For those of us who use a lot of browsers but like them to be the same, it would be great if we could store customizations details in a specific (configable) path.

Maybe we use that path to drop them in our favorite dropbox-like sync, or we just store them in git...

Anyway, would be a great feature. :)

Image Inversion

How do I keep the images that still get inverted even though I have the Keep Images Normal option turned on?

Hyperlinks looks the same

When using deluminate, the blue and purple hyperlinks looks really similar. It is hard to tell if you visited a link before, which is very annoying

feature: font changer

for some reason some fonts which look good being black on white don't look so good being white on black and become harder to read (example: http://habrahabr.ru/post/234047/ ) so I use just low contrast for such websites,
but maybe with a feature to replace fonts with better-looking user-defined ones would do the great thing. (by default means of browser it's only possible to specifiy fonts to use just for text without specified font (couldn't find much of that on websites nowadays...))

Allow users to define their own CSS filter

Sometimes a user may want to have an arbitrary combination of luminance inversion, low contrast, dimming, and/or other stuff. At the present time, there's no good way to implement this using the pure-CSS logic I have now.

First, there would need to be a new interface added for assembling a custom filter from -webkit-filter functions. The image uninversion filters could theoretically be calculated from whatever the user chose. Maybe there could even be an advanced option that lets people write their own CSS snippets with whatever they want for both the global filter and the image "uninversion" filter.

Second, there would need to be a new strategy used for injecting the custom CSS rules. My first thought is to inject a style tag with the dynamically generated contents inside.

Third, I'm not sure whether it makes sense to let people create (and therefore save) their custom CSS filters on a site-by-site basis, or just use one custom filter definition as the global "invert" filter. This needs to be played with a bit and decided.

Feature: Kill background image

It might be nice to allow the user to kill the main page background (i.e., one set on the html/body tag). Some pages do some really stupid nonsense there.

Black and white outs

App blacks out webpages I'm browsing, when I try to turn off deluminate, webpage turns white although I still can click on links.
Also the option bar turns completely white sometimes when I'm trying to turn off deluminate.
white out
blank options
black screen

This sucks...

Why do you people make themes or settings that the human eyes can hardly read and why is it so difficult to get around on your website or why is it that your website keeps popping up on my chromebook constantly? I mean, you're asking for it if you're the ones who want (like a puppy wagging its tail and constantly panting for 'attention', glory, wtfever...) to be polarized to peoples' chromebooks, laptops, and other devices, so... you're getting the serious criticism from me, one of the champions of criticism. Anyway, thus far I find your site seriously annoying because your text is tiny, can't even hardly read it, your themes are all so damned dark and non-contrasting that people my age (61) struggle to see what they're doing, ad nauseam... It's one thing to be 'cool' (and you kind of are), but it's another thing to make it so difficult for people such as myself that I won't use your app and am currently looking for a way to steer clear of it/you. Actually, I don't even know why I ended up here, why this chromebook keeps navigating back to your site, and so forth... Make no sense to me, but this chromebook is probably going back because ever damned tiny thing about it is seriously weird, like it jumps from one tab to another, ends up giving me about 8 different sized fonts in 8 different tabs, and many other negative things. I thought by 2 years or 3 years, they would have ironed things out with chromebooks, but I guess not. This one is going back - I don't even think the chromebook concept is a good idea.

Popup broken for first time users

I did not catch this during initial testing, but as of 0.4.0, this extension does not work for new users. The popup is not displaying correctly (indicating a javascript bug), and nothing gets properly deluminated.

Options according to file type

Can you make "smart invert image" invert pdf? Right now every time I open a pdf file I need to change the option to "invert all images" which is kind of annoying.

Facebook chat gets mangled

On facebook, make the window wide enough to show the chat "column" on the right. Scroll down and watch the chat section get obscured.

Mac Os X 10.9.2, Chrome Version 33.0.1750.152

bloggif_532c8f2c0e4eb

Enhancement Request: Allow dimming while inverted

There are very often times when sites are designed such that the main text area is black on white, so I want to invert it to reduce my eye strain. For the general case, Deluminate works beautifully and I can't thank you enough for developing it.

Unfortunately, there are occasions when the wrapper around the main text is a different color, very often a dark one. When I invert the colors, then, I have an easier time reading the text except that there is an unearthly and very strong glow from the sides of the screen. On wider monitors this is often even more pronounced, as many sites have yet to become adaptive or responsive.

When I run into these sorts of situations -- as I did when reading this article recently -- I found myself wishing I could combine the Dim feature with the inversion. Hopefully doing so is possible!

Chrome New Tab Page doesn't invert

since chrome 33 or so, google has added the property hc="delumine-smart" to the body element, and deluminate does not handle this properly, thereby leaving the new tab page in the default color scheme which is bright white background, rather than properly executing the specified smart invert, or doing the user's specified customization settings for that page. Manually deleting the hc property in developer mode fixes the problem on a case-by-case basis, as a hacky work-around, but the new tab page is a very common page, so this is unacceptable: every new tab come up bright and glaring. Please look at handling this tag property properly, or else ignoring it and inverting the page like the user expects. Thanks.

Flickering when scrolling beyond the limits of the page.

I've found that deluminate breaks (sometimes) when I attempt to scroll beyond the vertical limits of a page via multitouch. Ordinarily, when you attempt to scroll up beyond the top of the page, the page slides down, revealing a gray background. Releasing the scroll lets the page "bounce" back into position. The same happens, but in reverse, at the bottom of the page. (Can somebody tell me what this functionality is called?)

Just to reiterate, this is not page scrolling or scrolling by dragging the scroll bar. This is scrolling via my macbooks multitouch drag gesture.

During this brief period, Deluminate breaks, revealing the default styling.

I'm not sure this link will replicate the problem but this is the page I encountered the bug on: http://www.redditgraphs.com/?adamwong246&ScatterPlot&Length&Comments

low contrast but NOT on images

I played with settings to see which would look the best and the contrast thing looks pretty decent unlike standart behavior where most elements of the website just blacked out int o one big black space, but the fact that it also affects images keeps me from turning it on by default for all websites, so - is it possible to exclude images from contrast feature somehow?

poor scrolling performance

I'm getting very poor scrolling performance on sites with many images.

When I choose not to invert ("Normal" mode), the scrolling speeds up. "Reduce contrast only" slows down very slightly.

Any flags or settings I can flip to speed things up?

Mac OS X
Version 38.0.2125.24 beta (64-bit)

Support screen inverters

It would be nice to support screen inversion software which some people within the target audience of this extension use because everything in the world is awful and white, not just websites.

The following would be useful for users with screen inversion software:

  • A global option to enable this special behavior for users with full screen inversion software
  • Correct colors with a hue rotation
  • Invert images only (effectively uninverting them), with all the same flexibility available now

Breaks Acid3 even when disabled

Chrome does not get a perfect score on http://acid3.acidtests.org/ with Deluminate installed, even when the extension is in "Normal" mode. This is probably due to the fullscreen retina workaround, which always adds a tag into the page. Sloppy work on the part of the lazy developer.

Shift+F12 no longer switches among modes

From a review by Google User "Genadi Saltikov"

Before version 0.3.0, pressing Shift+F12 would switch back and forth between the invesion mode and normal mode. That behavior is broken in 0.3.0. It should be fixed so that it iterates through the available inversion modes once again.

Images specified with CSS are sometimes erroneously inverted

For example, the following HTML

<div style="background-image: url('example.com/photo.jpg')">
    <span>Some text</span>
</div>

Would result in an inverted photo, even in "Invert no images" mode. This is a result of the code that attempts to avoid double-inverting images specified in tags that are descendants of other image/video tags.

set as default/forget buttons really really suck

so after a few weeks of regular use (+stylish to tweak), I accidentally hit either default or forget. which don't prompt to confirm.

I suppose it was just default, and so only changed the non-customized sites - but it took a few minutes to figure that out....

can we add a confirmation prompt? :)

"Fuzziness" in gmail

Many elements and text are slightly blurry or fuzzy.

Upon hovering over elements with tooltips, the entirety of the page "focuses" briefly, before blurring again. To reiterate, the cause seems to be tooltips launched by hovering, such as the "back to inbox" button and "archive" button.

Artefact scrollbar on some sites (in fresh Chrome)

After upgrading from Chrome 31 to 35 I found that some sites became buggy with enabled deluminate.
For example http://sourceforge.net/
Black "ghostly" scrollbar appears near real right scrollbar.
May be problem in my old video adapter (intel 945G, all hardware acceleration disabled in chrome).
I would appreciate it if You could fix this!

screenshot_2

When did you add the 'dim' option?

I just noticed that I can now dim, and it's the best feature you've ever added.
This will save my poor eyes immensely during overnight computer sessions!!

Thanks!

Issues after running all day

This is the killing stroke for me. After a day of use, nearly every page flickers insanely on scroll events. Restarting Chrome fixes it.

on fedora chrome app gets quite heavy

Just want to thank you for the soft and share my worry that things seems to work much slower on chrome when inverting sites with your app. youtube is unusable because of video lags. But even github has strong delays, from my experience.

Pawel

Screen flashes white between loads

Not sure if this is the place to post, but when loading a new page the screen flashes white and the plugin doesn't work for a split second which is blinding. Is there a way to get around this?

Mac shortcut doesn't work

using command + shift + f11 only decreases my volume. doesn't switch deluminate settings. recommend f5 or f6, or f13-f19, since those two keys don't particularly do anything by default unless users specify it in settings.

White bar below non-full-screen-pages

Adding a filter to the html tag causes an ugly white bar to appear at the bottom of the screen when a page's content does not extend to fill the entire window. This is new to the Chrome 36 beta, as far as I can tell. I'm calling this another Chrome deficiency/rendering bug that I need to work around.

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.