From f54ab1b0668218e37273c2c29788df67d8a94ce9 Mon Sep 17 00:00:00 2001
From: gtoriadotnet <xlxi@gtoria.net>
Date: Fri, 17 Dec 2021 23:40:09 -0500
Subject: [PATCH] Make maintenance text readable.

---
 web/resources/js/pages/Maintenance.js |  2 +-
 web/resources/sass/Graphictoria.scss  | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/web/resources/js/pages/Maintenance.js b/web/resources/js/pages/Maintenance.js
index ba40dd8..00e54ef 100644
--- a/web/resources/js/pages/Maintenance.js
+++ b/web/resources/js/pages/Maintenance.js
@@ -99,7 +99,7 @@ class Maintenance extends React.Component {
 						</Suspense>
 					</Canvas>
 				</div>
-				<div className="text-center mt-auto container">
+				<div className="text-center mt-auto container gtoria-maintenance-form">
 					<h1>Graphictoria is currently under maintenance.</h1>
 					<h4>Our cyborg team of highly trained code-monkes are working to make Graphictoria better. We'll be back soon!</h4>
 					<div className="input-group mt-5">
diff --git a/web/resources/sass/Graphictoria.scss b/web/resources/sass/Graphictoria.scss
index fa76d7a..e78ec5f 100644
--- a/web/resources/sass/Graphictoria.scss
+++ b/web/resources/sass/Graphictoria.scss
@@ -22,12 +22,26 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,w
 }
 
 // Maintenance
+
 .gtoria-maintenance-background {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: -9999;
 }
+  
+.gtoria-maintenance-form {
+  html.gtoria-light & {
+  	background: radial-gradient($gray-100 5%, transparent 65%);
+  }
+  
+  html.gtoria-dark & {
+  	background: radial-gradient(shade-color($gray-900, 30%) 5%, transparent 65%);
+  }
+  
+  background-repeat: no-repeat;
+  padding: 20px;
+}
 
 // Loader