jarlg/melatonin

Melatonin, an F.lux-like extension for Chrome, intended for Chromebooks

melatonin's Issues

hard-light blended instead of semi-transparent overlay

Hi.

This will yield much better simulation of a gamma adjusted/redshiftet display. You will avoid whitewashing images and text will remain a much higher contrast and readability.

overlay
{
    /* existing overlay code */
    background-color: rgb(255 98 0);
    opacity: 0.5;
    mix-blend-mode: hard-light;
}
@supports not (mix-blend-mode: hard-light)
{
    overlay
    {
        /* fallback method */
        background-color: rgba(255 98 0, 0.2);
        opacity: 1;
    }
   dialog
   {
       display: block;
       /* dialog telling user to enable chrome://flags#enable-experimental-canvas-features */
    }
}

You have to use opacity and not rgba with mix-blend-mode.

Package for Opera

Opera i pretty much verbatim compatible with the Chrome Extension API. Slight differences in packaging.

https://addons.opera.com/en/developer/

Strange automatic colors after passing local midnight

Just noticed that it seems color keyframe interpolation has a bug when transitioning past local midnight.

Use custom element instead of generic div element

Reduces risk of sites adding paddings, margins, or other styles to the overlay with selectors like body div, body div:first-of-kind, or even plain div. Should make overlay more robust and predictable.

document.registerElement("melatonin-overlay");
document.createElement('melatonin-overlay');
…

overlay removed as facebook finishes loading

keyframe interpolation malfunction after midnight?

Experienced buggy overlay colors when passing local midnight, should verify if bug exists by writing tests.

Reduce flashing by adding overlay before page constructs DOM

"run_at": "document_start";

Significantly reduces white flashes.