diff --git a/webclient/src/App.js b/webclient/src/App.js index 56de518..3ec3e45 100644 --- a/webclient/src/App.js +++ b/webclient/src/App.js @@ -73,6 +73,10 @@ class App extends React.Component { render() { const theme = this.state.theme; document.body.style.backgroundColor = theme ? '#000' : '#eeeeee'; + const fullScreenAvailable = document.fullscreenEnabled || + document.mozFullscreenEnabled || + document.webkitFullscreenEnabled || + document.msFullscreenEnabled; return (
@@ -87,11 +91,13 @@ class App extends React.Component {

- !document.fullscreenElement ? - - : - - } /> + {fullScreenAvailable && + !document.fullscreenElement ? + + : + + } /> + }
} /> diff --git a/webclient/src/Style-dark.css b/webclient/src/Style-dark.css index d4c9630..2ce97f1 100644 --- a/webclient/src/Style-dark.css +++ b/webclient/src/Style-dark.css @@ -43,6 +43,7 @@ text-decoration: none; } +.dark .story-text video, .dark .story-text img { filter: brightness(50%); } diff --git a/webclient/src/Style-red.css b/webclient/src/Style-red.css index e0afd1a..c874c4b 100644 --- a/webclient/src/Style-red.css +++ b/webclient/src/Style-red.css @@ -59,6 +59,7 @@ text-decoration: none; } +.red .story-text video, .red .story-text img { filter: grayscale(100%) brightness(20%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8); }