From 8532c7eea5453bd6292be462863beb46213936d4 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 23 Jul 2022 21:23:04 -0700
Subject: [PATCH] more rpine stuff

---
 packages/backend/src/server/web/bios.css      | 34 +++++++++----------
 packages/backend/src/server/web/boot.js       | 21 ++++++------
 packages/backend/src/server/web/cli.css       | 18 +++++-----
 .../backend/src/server/web/views/flush.pug    |  6 ++--
 4 files changed, 39 insertions(+), 40 deletions(-)

diff --git a/packages/backend/src/server/web/bios.css b/packages/backend/src/server/web/bios.css
index 318fc3e28..0f15b66f6 100644
--- a/packages/backend/src/server/web/bios.css
+++ b/packages/backend/src/server/web/bios.css
@@ -1,11 +1,11 @@
 main > .tabs {
 	padding: 16px;
-	border-bottom: 4px solid #c3c3c3;
+	border-bottom: 4px solid #908caa;
 }
 #lsEditor > .adder {
 	margin: 16px;
 	padding: 16px;
-	border: 2px solid #c3c3c3;
+	border: 2px solid #908caa;
 }
 #lsEditor > .adder > textarea {
 	display: block;
@@ -15,7 +15,7 @@ main > .tabs {
 }
 #lsEditor > .record {
 	padding: 16px;
-	border-bottom: 1px solid #c3c3c3;
+	border-bottom: 1px solid #908caa;
 }
 #lsEditor > .record > header {
 	font-weight: 700;
@@ -28,15 +28,15 @@ main > .tabs {
 }
 
 html {
-	background: #222;
+	background: #191724;
 }
 main {
-	background: #333;
+	background: #1f1d2e;
 	border-radius: 10px;
 }
 #tl > div {
 	padding: 16px;
-	border-bottom: 1px solid #c3c3c3;
+	border-bottom: 1px solid #908caa;
 }
 #tl > div > header {
 	font-weight: 700;
@@ -50,8 +50,8 @@ main {
 }
 body,
 html {
-	background-color: #222;
-	color: #dfddcc;
+	background-color: #191724;
+	color: #e0def4;
 	justify-content: center;
 	margin: auto;
 	padding: 10px;
@@ -63,9 +63,9 @@ button {
 	border: none;
 	cursor: pointer;
 	margin-bottom: 12px;
-	background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0));
+	background: linear-gradient(90deg, rgb(156, 207, 216), rgb(74, 179, 0));
 	line-height: 50px;
-	color: #222;
+	color: #191724;
 	font-weight: bold;
 	font-size: 20px;
 	padding: 12px;
@@ -80,7 +80,7 @@ button {
 button {
 	background: #444;
 	line-height: 40px;
-	color: rgb(153, 204, 0);
+	color: rgb(156, 207, 216);
 	font-size: 16px;
   padding: 0 20px;
   margin-right: 5px;
@@ -91,18 +91,18 @@ button:hover {
 	background: #555;
 }
 #ls {
-	background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0));
+	background: linear-gradient(90deg, rgb(156, 207, 216), rgb(74, 179, 0));
 	line-height: 30px;
-	color: #222;
+	color: #191724;
 	font-weight: bold;
 	font-size: 18px;
 	padding: 12px;
 }
 #ls:hover {
-	background: rgb(153, 204, 0);
+	background: rgb(156, 207, 216);
 }
 a {
-	color: rgb(134, 179, 0);
+	color: rgb(156, 207, 216);
 	text-decoration: none;
 }
 p,
@@ -120,7 +120,7 @@ textarea {
 	background-color: #444;
 	border: solid #aaa;
 	border-radius: 10px;
-	color: #dfddcc;
+	color: #e0def4;
 	margin-top: 1rem;
 	margin-bottom: 1rem;
 	width: 20rem;
@@ -135,7 +135,7 @@ input {
 	background-color: #666;
 	border: solid #aaa;
 	border-radius: 10px;
-	color: #dfddcc;
+	color: #e0def4;
 	margin-top: 1rem;
 	margin-bottom: 1rem;
 	width: 10rem;
diff --git a/packages/backend/src/server/web/boot.js b/packages/backend/src/server/web/boot.js
index b0d529ec3..aeb13793e 100644
--- a/packages/backend/src/server/web/boot.js
+++ b/packages/backend/src/server/web/boot.js
@@ -137,9 +137,8 @@
 				<span class="button-label-big">Refresh</span>
 			</button>
 			<p class="dont-worry">Don't worry, it's (probably) not your fault.</p>
+			<p>Please make sure your browser is up-to-date and any AdBlockers are off.</p>
 			<p>If the problem persists after refreshing, please contact your instance's administrator.<br>You may also try the following options:</p>
-			<p>Update your os and browser.</p>
-			<p>Disable an adblocker.</p>
 			<a href="/flush">
 				<button class="button-small">
 					<span class="button-label-small">Clear preferences and cache</span>
@@ -182,8 +181,8 @@
 
 		body,
 		html {
-			background-color: #222;
-			color: #dfddcc;
+			background-color: #191724;
+			color: #e0def4;
 			justify-content: center;
 			margin: auto;
 			padding: 10px;
@@ -199,12 +198,12 @@
 		}
 
 		.button-big {
-			background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0));
+			background: linear-gradient(90deg, rgb(196, 167, 231), rgb(235, 188, 186));
 			line-height: 50px;
 		}
 
 		.button-big:hover {
-			background: rgb(153, 204, 0);
+			background: rgb(49, 116, 143);
 		}
 
 		.button-small {
@@ -217,20 +216,20 @@
 		}
 
 		.button-label-big {
-			color: #222;
+			color: #191724;
 			font-weight: bold;
 			font-size: 20px;
 			padding: 12px;
 		}
 
 		.button-label-small {
-			color: rgb(153, 204, 0);
+			color: rgb(156, 207, 216);
 			font-size: 16px;
 			padding: 12px;
 		}
 
 		a {
-			color: rgb(134, 179, 0);
+			color: rgb(156, 207, 216);
 			text-decoration: none;
 		}
 
@@ -245,7 +244,7 @@
 		}
 
 		.icon-warning {
-			color: #dec340;
+			color: #f6c177;
 			height: 4rem;
 			padding-top: 2rem;
 		}
@@ -259,7 +258,7 @@
 		}
 
 		details {
-			background: #333;
+			background: #1f1d2e;
 			margin-bottom: 2rem;
 			padding: 0.5rem 1rem;
 			width: 40rem;
diff --git a/packages/backend/src/server/web/cli.css b/packages/backend/src/server/web/cli.css
index 63e8ca6f2..7aeb40aab 100644
--- a/packages/backend/src/server/web/cli.css
+++ b/packages/backend/src/server/web/cli.css
@@ -1,13 +1,13 @@
 html {
-	background: #222;
+	background: #191724;
 }
 main {
-	background: #333;
+	background: #1f1d2e;
 	border-radius: 10px;
 }
 #tl > div {
 	padding: 16px;
-	border-bottom: 1px solid #c3c3c3;
+	border-bottom: 1px solid #908caa;
 }
 #tl > div > header {
 	font-weight: 700;
@@ -21,8 +21,8 @@ main {
 }
 body,
 html {
-	background-color: #222;
-	color: #dfddcc;
+	background-color: #191724;
+	color: #e0def4;
 	justify-content: center;
 	margin: auto;
 	padding: 10px;
@@ -37,15 +37,15 @@ button {
 	margin-bottom:12px;
 	background:linear-gradient(90deg,#86b300,#4ab300);
 	line-height:50px;
-	color:#222;
+	color:#191724;
 	font-weight:700;
 	font-size:20px;
  }
 button:hover {
-	background: rgb(153, 204, 0);
+	background: rgb(156, 207, 216);
 }
 a {
-	color: rgb(134, 179, 0);
+	color: rgb(156, 207, 216);
 	text-decoration: none;
 }
 p,
@@ -63,7 +63,7 @@ code {
 	background-color: #444;
 	border: solid #aaa;
 	border-radius: 10px;
-	color: #dfddcc;
+	color: #e0def4;
 	margin-top: 3rem;
 	width: 20rem;
 	height: 5rem;
diff --git a/packages/backend/src/server/web/views/flush.pug b/packages/backend/src/server/web/views/flush.pug
index abd8fff11..be013d19b 100644
--- a/packages/backend/src/server/web/views/flush.pug
+++ b/packages/backend/src/server/web/views/flush.pug
@@ -12,15 +12,15 @@ html
 			}
 			body,
 			html {
-				background-color: #222;
-				color: #dfddcc;
+				background-color: #191724;
+				color: #e0def4;
 				justify-content: center;
 				margin: auto;
 				padding: 10px;
 				text-align: center;
 			}
 			a {
-				color: rgb(134, 179, 0);
+				color: rgb(156, 207, 216);
 				text-decoration: none;
 			}