Fixed nebula, ubuntu, waifu, whilst keeping new generation.

client/client.js

@@ -972,6 +972,7 @@ var schemes = [
 	'mocha',
 	'monokai',
 	'nebula',
+	'nebula-ng',
 	'nese',
 	'ocean',
 	'omega',
@@ -984,6 +985,7 @@ var schemes = [
 	'tomorrow',
 	'tk-night',
 	'ubuntu',
+	'ubuntu-ng',
 	'waifu'
 ];
 

client/schemes/nebula-ng.css

@@ -0,0 +1,49 @@
+body{
+  background-color: #131114;
+  background-image: radial-gradient(circle at top left, #23a1d377 5%, #dd6d7983, transparent);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  color:#ffffff;
+}
+input, textarea, {
+  color:#ffffff;
+  border-color:#ffffff;
+}
+.message {
+  border-left: 1px solid #ffffff;
+}
+.refmessage {
+  border-left: 1px solid #ffffff;
+}
+#sidebar {
+  background-color: #131114;
+  background-image: radial-gradient(circle at bottom right, #23a1d377 5%, #dd6d7983, transparent);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+}
+.nick {
+  color: #83c9cd;
+}
+.trip {
+  color: #9ea8b7;
+}
+.text a {
+  color: #131114;
+}
+.admin .nick {
+  color: #d73737;
+}
+.mod .nick {
+  color: #87b087;
+}
+.me .nick {
+  color: #83c9cd;
+}
+.info .nick,
+.info .text {
+  color: #06b449;
+}
+.warn .nick,
+.warn .text {
+  color: #ff6c6c;
+}

client/schemes/nebula.css

@@ -3,23 +3,12 @@ body{
   background-image: radial-gradient(circle at top left, #23a1d377 5%, #dd6d7983, transparent);
   background-repeat: no-repeat;
   background-attachment: fixed;
-  color:#ffffff;
-}
-input, textarea, {
-  color:#ffffff;
-  border-color:#ffffff;
 }
 .message {
-  border-left: 1px solid #ffffff;
+  border-left: 1px solid #131114;
 }
 .refmessage {
-  border-left: 1px solid #ffffff;
-}
-#sidebar {
-  background-color: #131114;
-  background-image: radial-gradient(circle at bottom right, #23a1d377 5%, #dd6d7983, transparent);
-  background-repeat: no-repeat;
-  background-attachment: fixed;
+  border-left: 1px solid #131114;
 }
 .nick {
   color: #83c9cd;

client/schemes/ubuntu-ng.css

@@ -0,0 +1,55 @@
+body {
+  background-color: #2C001E;
+  color: #E95420;
+  
+}
+input,
+textarea {
+  color: #ccc;
+  background-color: #111;
+
+}
+.message, .refmessage {
+  border-left: solid 1px #E9541F;
+}
+.nick {
+  color: #E95420;
+}
+.trip {
+  color: #AEA79F;
+}
+.text a {
+  color: #00AA00;
+}
+.admin .nick {
+  color: #ac4142;
+}
+.mod .nick {
+  color: #1FAD83;
+}
+.me .nick {
+  color: #b854d4;
+}
+.info .nick,
+.info .text {
+  color: #00AA22;
+}
+.warn .nick,
+.warn .text {
+  color: #CFB017;
+}
+#footer {
+  background: #2C001E;
+}
+#sidebar {
+  background: #2C001E;
+  border-color: #5E2750;
+}
+#charform {
+  border-color: #5E2750;
+  background: #101010;
+  border-left: solid 1px #E9541F;
+}
+form.message {
+  background-color:#101010;
+}

client/schemes/ubuntu.css

@@ -1,16 +1,17 @@
 body {
   background-color: #2C001E;
   color: #E95420;
-  
 }
 input,
 textarea {
   color: #ccc;
   background-color: #111;
-
 }
-.message, .refmessage {
-  border-left: solid 1px #E9541F;
+.message {
+  border-left: 1px solid #2C001E;
+}
+.refmessage {
+  border-left: 1px solid #2C001E;
 }
 .nick {
   color: #E95420;
@@ -47,9 +48,4 @@ textarea {
 }
 #charform {
   border-color: #5E2750;
-  background: #101010;
-  border-left: solid 1px #E9541F;
-}
-form.message {
-  background-color:#101010;
 }

client/schemes/waifu.css

@@ -1,16 +1,21 @@
 body {
   background-color: #2C001E;
   color: #E95420;
+  margin: 0;
+  font-family: 'Arial', sans-serif;
   overflow: hidden;
 }
 
 .container {
+  padding: 20px;
+  overflow-y: auto;
   max-height: calc(100vh - 70px);
 }
 
 .message {
   border-left: 2px solid #E95420;
   margin: 10px 0;
+  padding-left: 10px;
 }
 
 .nick {
@@ -18,6 +23,7 @@ body {
 }
 
 #footer {
+  background: #2C001E;
   padding: 10px;
 }
 
@@ -26,19 +32,19 @@ body::after {
   content: "";
   display: block;
   position: fixed;
-  bottom: -100px;
+  bottom: -125px;
   left: 10px;
   width: 200px;
   background: url('/imgs/makima.svg') no-repeat;
   background-size: contain;
   background-position:bottom left;
-  z-index: -1;
+  z-index: 1;
   height: 598px;
-  filter:opacity(75%)
+  filter:opacity(75%);
 }
 
 /* Additional styles for a kawaii touch */
-a:hover {
+.message:hover {
   background-color: #3E002A;
   transition: background-color 0.3s ease;
 }
@@ -49,6 +55,3 @@ a:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 
-#sidebar {
-  background-color:inherit;
-}