[presentation] Fixed background color when presenting

3 files changed, 7 insertions, 1 deletions

diff --git a/generate-hooks/create-presentation.awk b/generate-hooks/create-presentation.awk
index 264aa22..3912b34 100644
--- a/generate-hooks/create-presentation.awk
+++ b/generate-hooks/create-presentation.awk
@@ -105,7 +105,7 @@ BEGIN {
 "	<img id=\"presentBtn\" class=\"unzoomable btn setting-btn icon\" src=\"/img/presentation-tabler.svg\" alt=\"Present\">" ORS \
 "	<img id=\"printBtn\" class=\"unzoomable btn setting-btn icon\" src=\"/img/printer-tabler.svg\" alt=\"Print\">" ORS \
 "		</nav>" ORS \
-"		<script type=\"text/javascript\" src=\"/scripts/presentation.js\" integrity=\"sha512-79MwfB0EQJMdVjVnd3PA0Cn9fo4JaMUmNuyZNEGSbaMEGcqdE8sWWAbMLheaoptDyb/KuYgNw0pKwvR5Dw+lJw==\" crossorigin=\"anonymous\"></script>"
+"		<script type=\"text/javascript\" src=\"/scripts/presentation.js\" integrity=\"sha512-5u+Yy4xqrGKYXeUrzgaXXj7dqNtFUnlaPtfz86v9nT+l8osWfLnjLOU/vRv2Hmx7wsmCdb3pfurH0/hQHLQOSA==\" crossorigin=\"anonymous\"></script>"
 
 	pat[1] = "&#38;&#38;presentation"
 	rep[1] = pres
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');