Strange colors/blue-fringed mouse pointer on full-screen YouTube when f.lux is active

herf

There is a bug in to Apple, but this is way below us in the system.

All we can do is recommend you disable f.lux while playing a movie.

saileshrp

This happens on a Retina MacBook too (2015) with H5300 graphics, and OS X 10.11.6.

Has anyone seen this issue in MacOS Sierra too?

I'm guessing this won't be resolved without Apple's input, and/or if Apple introduce Night Shift on MacOS..

Plasma_000

Just thought I'd say that this bug is still active with HD graphics 4000 on my mid 2012 macbook pro.

When I use gfxcardswitcher to force discreet card while using youtube the issue does not appear.

shinz4u

Same issue as mentioned by users.

This issue is while I play fullscreen videos on Youtube, Udacity. Whites are blown out, blue hues here and there, if you move the cursor the problem goes away for a while and then comes back.

Also this is not just in Safari, it does the same in Chrome too.

I am running
f.lux version 37.7
MacBook Pro (Retina, 13-inch, Late 2013)
Intel Iris 1536 MB
OSX version 10.11.6 El Capitan

This annoying bug has been reported a year ago and it is sad to see that there is no fix yet. I have used F.lux on windows for long and this bug on Mac is kinda making me look for alternatives to F.lux which I really don't want to do.

Please try to fix this.

cadamen

@shinz4u Agreed, it's a very disappointing lack of action.

It makes the program completely useless in my opinion. If I have to keep turning it off, it is doing me no good in terms of helping with my body's sleep cycle confusion.

Flux replies so far have indicated there will be no fix. I'm still following the thread and hoping they sort it out, but it doesn't seem like anybody cares or is working on it. Can anybody recommend a different program? I give up with this.

shariffy

I've gotten around the issue thanks to this little app: Shady for Mac.

What's a little strange but very good for this specific purpose is that just running the app with the "shade" setting off still fixes the problem. I'm guessing it's doing something similar to gfxcardswitcher in the background, as soon as it's running, so it's probably affecting battery life too (although I haven't paid attention to that myself).

And of course, turning the thing actually on and reducing the brightness to a minimum ain't bad for your eyes either.

yanzitommy

This post is deleted!

chris-l

I worked around this by creating a file named safari.css, a text file with these contents:

.ytp-fullscreen video {
  opacity: 0.996 !important;
}

Then in Safari preferences > Advanced, you select that file for the Style sheet setting.

If you want to experiment, every time you edit & save that file, you have to reset the Safari preference back to None Selected and then back to your file.

chris-l

My solution might reduce battery life a bit, hopefully it's not noticeable.

chris-l

You could add Netflix to it if you want:

.ytp-fullscreen video, #netflix-player.player-cinema-mode video {
  opacity: 0.996 !important;
}

shinz4u

@chris-l

Hi, is there such a preference in chrome for mac that I can change to get a similar solution?

Thanks a lot

chris-l

@shinz4u Sorry, not sure about Chrome. There are probably extensions available that let you add your own CSS rules, but I haven't looked into it. I might publish my own extensions to make it easier for everyone.

I actually am not using f.lux at the moment, but I calibrated my laptop display with a lower color temperature than normal, and it has the same bug that you get with f.lux -- videos have artifacts in the brightest parts, but only when they are full screen with nothing else composited on top of them. Maybe the video driver uses an optimization for this case that doesn't quite work.

erikfrisk

@shinz4u I just figured it out in Chrome. Thanks @chris-l for the fix! This thing was driving me nuts.

Quick guide for web devs: Just add opacity: 0.996 !important; to the HTML5 video element in Chrome's developer tools.

Detailed steps for non web devs:

Open a tab with the Netflix video you want to watch (haven't tried with YouTube, but same principle should apply).
Open Developer Tools by going to View > Developer > Developer Tools (or by hitting alt+cmd+i).
Click the button with the "arrow pointing into a box" at the very top left of the Developer Tools window to "inspect an element" (or hit cmd+shift+c).
Click the Netflix video element to inspect it. This should bring up the Elements tab in the Developer Tools window with the "video" element selected.
At the top right of the Developer Tools window, you should see a little section that says "element.style" with a few list items underneath. Click the bottom of that section and add opacity: 0.996 !important; as a new list item.
Go full screen and watch a beautifully artifact-free video.

You'll have to do this every time you open a new video in Chrome, but it only takes a few seconds. I'm sure it can be done more permanently with an extension, as @chris-l said though.

PS: Thanks to the f.lux team for a great piece of software! It's a lifesaver. I know this bug isn't your fault.

Lojesad

I'm even having this problem with the new update. Before everything was working fine, now i start seeing some difference on the white color when i'm full screen on youtube. After all the buttons hides, the color white become strange.
I'm using MacBook Pro Mid 2015, Intel Iris Pro 1536 MB

chris-l

Here, you can try this as a Chrome extension.

https://chrome.google.com/webstore/detail/videofixer-for-flux/gmkeppffdejhpppfnbgakglpoeaobhhh

I submitted one for Safari but they have to approve it. (Or reject it!) But if you know what you're doing the source code is here. https://github.com/clundie/VideoFixer

herf

@chris-l wow this is awesome - thank you!

herf

Added to the FAQ:
https://justgetflux.com/faq.html?q=videofixer

ik...

@herf where can I get older versions of f.lux? I didn't have this problem before I updated it.

ik...

@herf don't mind that, it seems to appear after Chrome is updated.

ik...

Whatever this is, I don't have this problem in the incognito mode, Safari and another user's Chrome. But the Chrome I use have this color artefacts.

The above css fixed that. For anyone who's concerned about the reduced opacity I'd recommend using box-shadow, which is what I did with the Stylebot extension. Tested only on youtube.

.ytp-fullscreen video, #netflix-player.player-cinema-mode video {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0) !important;
}

@chris-l I think it's better to use box-shadow in your extensions as well.