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);
}