From bec5e369ed7db433db4df80fb652b4ccc30a36e3 Mon Sep 17 00:00:00 2001
From: Liam <67254223+RealFascinated@users.noreply.github.com>
Date: Mon, 3 Oct 2022 08:07:49 +0100
Subject: [PATCH] Fixed background being black in OBS

---
 pages/index.js     | 5 +----
 styles/globals.css | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index b59ccfe..bb0e890 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -295,6 +295,7 @@ export default class Home extends Component {
 	render() {
 		const { loading, isValidScoresaber, data } = this.state;
 
+		// When in the main menu, show this colour so it's actually readable
 		if (!isValidScoresaber && !loading) {
 			const body = document.body;
 			body.style.backgroundColor = "#181a1b";
@@ -323,10 +324,6 @@ export default class Home extends Component {
 						<br />
 						<p>To use a option just add &key=value (eg: &songinfo=true)</p>
 					</div>
-					<div className={'info'}>
-						<p>If you use this overlay and like it, don&apos;t forget to star the project :3</p>
-						<p>Github link: <span><a href={GITHUB_URL}>{GITHUB_URL}</a></span></p>
-					</div>
 				</div>
 			</div> :
 			<div className={'overlay'}>
diff --git a/styles/globals.css b/styles/globals.css
index 3839315..e50461b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -9,7 +9,7 @@
  * when using OBS it overrides the background color anyway
  */
 body, html {
-	background-color: black;
+	background-color: transparent;
 }
 
 .loading {
@@ -37,7 +37,7 @@ body, html {
 }
 
 .invalid-player p {
-	font-size: large;
+	font-size: large !important;
 	color: white;
 }