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

  • @chris-l

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

    Thanks a lot

  • @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.

  • @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:

    1. Open a tab with the Netflix video you want to watch (haven't tried with YouTube, but same principle should apply).
    2. Open Developer Tools by going to View > Developer > Developer Tools (or by hitting alt+cmd+i).
    3. 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).
    4. 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.
    5. At the top right of the Developer Tools window, you should see a little section that says "" with a few list items underneath. Click the bottom of that section and add opacity: 0.996 !important; as a new list item.
    6. 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.

  • 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

  • Here, you can try this as a Chrome extension.

    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.

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

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

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

  • 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.

  • This post is deleted!

  • Thanks for the feedback, I will try to look into energy usage & see it it makes a difference. Also I should point out that the browser extension is applying the style to all videos, not just YouTube & Netflix. In future I might make it more specific again, though it does mean we would have to deal with changes to web site designs that break it.

  • Now Safari is just fine but Chrome isn't lol

    Safari has noa artifact whatsoever since I updated to Safari 10.

    Is it just me?

  • @chris-l thanks for the extensions! Does this apply to all videos, or only full-screen playback? I haven't tried it yet, but I think lowering the opacity would have some undesired effect on the color and contrast, no?

  • @Nirvanes said:

    Now Safari is just fine but Chrome isn't lol

    Safari has noa artifact whatsoever since I updated to Safari 10.

    Is it just me?

    Have you tried Netflix? Youtube seems to be a lot better but I definitely still get artifacts with Netflix.

    @chris-l The Chrome extension definitely works. Youtube looks absolutely fine. Thank you!

  • Thanks for the feedback. Yes the extension is applying to all videos, full screen or not. The opacity is only reduced by the smallest possible amount, so I would hope it has minimal to no perceptible effect. (Only 0.4% of the background color will be blended into the video). But yes there are other ways I could try -- like the box-shadow rule that was mention earlier. I think what we are doing is forcing the browser to render the video in a way that doesn't trigger the bug. Probably there are a bunch of ways to do it.

  • @mixolyd said:

    @Nirvanes said:

    Now Safari is just fine but Chrome isn't lol

    Safari has noa artifact whatsoever since I updated to Safari 10.

    Is it just me?

    Have you tried Netflix? Youtube seems to be a lot better but I definitely still get artifacts with Netflix.

    @chris-l The Chrome extension definitely works. Youtube looks absolutely fine. Thank you!

    Tried it a little, need to give it a go, but I didn't notice anything.

    Youtube is like it should right now, I just don't ironic that now that Safari is alright Chrome isn't... I only used Chrome to watch Netflix and Youtube at night, nothing more.

  • MacBook Pro (Retina, 13-inch, Early 2015) - Intel Iris Graphics 6100 1536 MB

    Have been having issues both in Chrome and Safari with this neon affect coming on while I am trying to watch Narcos... as well as in YouTube, at first I thought it was my computer graphics and was getting worried, but when disabling f.lux (v 37.7) the problem is solved. This is a bummer as I need f.lux to help me maintain my sleep cycle and I watch a lot of videos at night. I tried the f.lux fixer chrome extension, but it only worked for youtube

  • I'm having the same issue for Netflix and YouTube on Chrome. My OS is 10.11. Macbook Pro Retina 15 inch mid 2014. Graphics Intel Iris Pro 1536 MB. Problem goes away when I disable Flux.

  • I hope this helps at least SOME people. I simply went into system preferences > energy saver. Then on the top left of that page I unchecked the "automatic graphics switching" box. Suddenly I can fullscreen everything with no issue.

  • @isayuh Thanks - this avoids the issue, which appears to happen with Intel GPUs, by using the discrete GPU instead (NVIDIA or AMD, which do not have the problem). Of course, it only works on machines with two GPUs.

  • Happening on the new 2016 MacBook Pro. 'About This Mac' specs below.

    OS: macOS Sierra (10.12.1)
    MacBook Pro (13-inch, Late 2016, Two Thunderbolt 3 ports)
    Processor: 2 GHz Intel Core i5
    Memory: 8 GB 1867 MHz LPDDR3
    Graphics: Intel Iris Graphics 540 1536 MB

  • @omgwtfbbq you already got the new macbook pro, that's keel. Does it run less hotter than previous models?

    But css above should fix for you too.

  • @ik... It's great! Running a lot cooler and way quieter than my Mid-2014 Retina MacBook Pro.
    I'm just concerned the CSS fix will cause excessive CPU/GPU usage in compositing the filter over the video?

  • @omgwtfbbq So cool, I'm sitting with my late 2013. It will last me a long time thanks to ssd and retina.

    I don't really remember why this fixes the issue, I think it makes an element render differently. It's not like it's switching off hardware acceleration or something. I'm sure it will be insignificant comparing to actually playing a video.

  • @omgwtfbbq I would guess that the CSS just turns off the "fully accelerated" path, but it is still using the GPU to do the compositing and decoding. (i.e. there is likely a battery hit but it may not be very big.)

  • @herf Makes sense. I've found that the issue occurs when the video is the primary element in focus on the screen.
    If a banner ad, video controls, system volume controls, etc are the primary window then the issue does not occur. Whereas if the video is then it occurs.

  • Update:

    Apple has reported this video bug fixed in the latest Safari. This seems to be true. Progress! (Thanks Safari team!)

    However, because it is fixed in Safari, it still appears in several other apps that play video, including desktop Quicktime and Chrome (AVFoundation or QTKit? We don't know.) For now, Chrome users should use the plugin.

  • It seems with the new Netflix player the problem has been fixed in Safari. I've been watching netflix all day and haven't seen the blue fringed mouse pointer.

  • I'm still having this bug in Safari, but not all video. Youtube is mostly fine, but most other videos have the color issue.
    Mid-2013 Macbook Air, Sierra 10.12.1, Safari 10.0.1

  • I'm still having this issue too, and it's very irritating. Weirdly, a similar thing is also happening from time to time on my iPhone, which does not have f.lux installed on it, but is using Apple's new built-in Nightshift.

    Mid-2012 MacBook Pro, El Capitan 10.11.6, Chrome 55.0.2883.75

  • @applewaffles Oh, gee. I do promise it's not our bug, I guess that's further evidence. Do you have reduce white point turned on for your iPhone by any chance? Turning it off may help.

    Updating the OS and to the latest Safari should fix the artifact problems in everything in Safari. I don't believe it's fixed for non-Apple apps.

  • @kcds I have the exact same problem.

  • For the record, I still get blue artefacts in Safari using f.lux on the very latest Safari. Mac is the 2016 12", so the newer (problematic) GPU.

    I don't know what the update was supposed to improve, but it hasn't worked in my case.

    @chris-l 's extension is great for Chrome! So that's a plus. But I don't yet know how to make a Safari extension from what's on the GitHub. (GitHub noob. Hopefully I can work it out!)

  • I'm assuming this wasn't fixed since I'm having the same issue. I have a late-2016 MacBook Pro 13,1 running Intel Iris Graphics 540 and macOS 10.12.2. This is happening with any video I run in full screen on Chrome 54.0.2840.98. I don't use Safari so I can't speak to that.

  • @enrique I have the same problem with Safari on the new MacBook Pro 13" with Touchbar on the latest version of macOS. It isn't as noticeable as it was back on my old MacBook mid-2012 but if you look closely you can see still artifacts in the video which go away when moving the mouse.

  • It would be great to get a patch for VLC where it affects my enjoyment the most. I'll go on dreaming and turning flux off when it gets too distracting.

  • I'm having the exact same issues on my 2012 13" Macbook Pro running El Capitan 10.11.4
    Latest version of Flux
    I get Artifacting only when fullscreen (Youtube + VLC).
    The artifacting effects:

    • The Mouse Cursor
    • Areas that have a smooth colour (Walls, Skin, Etc)

    It disappears, and comes back 3 seconds later when:

    • I move the mouse.
    • I adjust volume (the volume icon that pops up).
    • Pausing and Playing the Video again with the Spacebar.

  • Hi, I'm own the newest Mac book Pro 13 inch with Touchbar and I'm running 10.12.3 and the latest version of flux.

    I seem to have the same problem of color distortions when streaming from sites like youtube or Netflix.

    My problem also occurs when I'm not in full screen. It occurs both in Safari and Chrome!

    This is what it looks like. So is it flux's fault or a problem with apple?

    alt text

    alt text


  • here the picture links since embedding didn't work: 2017-02-21 23.30.39.png?dl=0 2017-02-21 23.32.06.png?dl=0

    Also I haven't noticed the problem when playing a video file with VLC or similar -- just from streaming.

  • This post is deleted!

Log in to reply