How to change slide background color for full presentation mode

[tomjoht]

When I have a theme configured (such as beige.css) and I press "F" to switch to full screen presentation mode, the slide background changes to black. How can I prevent the slide background color changing away from beige to black?

The only workaround I've found is to add a data-background property to each section element:

<section data-background="#f7f2d3">

Surely there's a master setting somewhere that controls the background color when the slides are in F mode, right?

[hakimel]

This was a bug – the background in fullscreen mode should automatically match the theme.

Just added a fix for this and confirmed that it's working in Chrome OS X.

[tomjoht]

Awesome. Works great! Thanks for fixing it quickly.

[CyberShadow]

@hakimel This bug seems to be back in master. With a fresh checkout, replacing black.css in index.html with white.css, then going full-screen, causes the background to become black.

Edit: seems to happen only in Firefox Developer Edition?

Weirdly enough, this made it go away:

html { background-color: red !important; }

I see no red, though.

[kathrynwp]

Hi @hakimel - like @CyberShadow, I'm getting a black background in full-screen mode in Firefox 47.0, even though the background is white (as it should be) when not in full-screen mode.

This was not happening in Firefox 46.x.

Adding this fixes the issue, returning the full-screen background to white.

html { 
  background-color: #fff !important; 
}

The issue is not present in Chrome 51.0.2704.84 or Safari 9.1.1.

[ranr01]

same here on firefox 47...

[dkalpakchi]

same here for firefox 47.0
in dev console it gives the following warning: "Prefixed Fullscreen API is deprecated. Please use unprefixed API for fullscreen. For more help https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API"

[hakimel]

Just pushed a fix for this to the dev branch so all theme backgrounds will display correctly in fullscreen mode.

Fullscreen ancestor selectors were moved from core reveal.scss to the theme template theme.scss. Check out the commit for a full diff: b7e0d9b

[QHose]

I have this issue again with a fresh pull...

[bnjmnt4n]

Can't seem to replicate this issue anymore with latest Firefox 57, should be fixed already.