[presentation] Fixed background color when presenting

2 files changed, 6 insertions, 0 deletions

diff --git a/src/presentation.css b/src/presentation.css
index 51589fb..0e9a053 100644
--- a/src/presentation.css
+++ b/src/presentation.css
@@ -164,6 +164,10 @@ h2 + a, h3 + a, h4 + a, h5 + a, h6 + a {
   overflow: hidden;
 }
 
+.body-bg-color {
+  background-color: var(--bg-color);
+}
+
 .absolute-slide {
   visibility: visible;
   position: absolute;
diff --git a/src/scripts/presentation.js b/src/scripts/presentation.js
index 88b4e11..332e2af 100644
--- a/src/scripts/presentation.js
+++ b/src/scripts/presentation.js
@@ -45,6 +45,8 @@ presentBtn.onclick = function() {
 	// Hide the whole page
 	document.body.classList.toggle('invisible');
 	document.body.classList.toggle('no-overflow');
+	// Fix background color
+	document.body.classList.toggle('body-bg-color');
 	// Show the slide controller
 	presentCont.classList.toggle('absolute-cont');
 	prevSlideBtn.classList.toggle('nodisplay');