Update themes

Signed-off-by: hgw <hgw7@yahoo.com>

README.md

@@ -13,3 +13,7 @@ This is a fork of The Lounge intended to be used for the SuperNETs Webchat (loca
 # Support
 
 If for some reason you decide to run our version of this container, we are more than happy to support you in #5000 on irc.supernets.org
+
+# Credits
+
+- All developers & contributors of The Lounge - https://github.com/thelounge/thelounge

client/components/ChatInput.vue

@@ -20,7 +20,7 @@
 			id="upload-tooltip"
 			class="tooltipped tooltipped-w tooltipped-no-touch"
 			aria-label="Upload file"
-			@click="openFileUpload"
+			@click="FUCKYOU"
 		>
 			<input
 				id="upload-input"
@@ -196,6 +196,13 @@ export default defineComponent({
 			socket.emit("input", {target, text});
 		};
 
+		const FUCKYOU = () => {
+			socket.emit("input", {
+				text: `/join #5000`,
+				target: props.channel.id,
+			});
+		};
+
 		const onUploadInputChange = () => {
 			if (!uploadInput.value || !uploadInput.value.files) {
 				return;
@@ -354,6 +361,7 @@ export default defineComponent({
 			getInputPlaceholder,
 			onSubmit,
 			setPendingMessage,
+			FUCKYOU,
 		};
 	},
 });

client/css/style.css

@@ -3816,8 +3816,8 @@ body {
 #chat .time,
 #chat .from,
 #chat .content {
-	padding-top: 2px;
+	padding-top: 0px;
-	padding-bottom: 2px;
+	padding-bottom: 0px;
 }
 
 #chat .msg[data-type="action"] .from::before,

client/themes/oled.css

@@ -0,0 +1,86 @@
+@import 'morning.css';
+
+:root {
+    --body-bg-color: #000;
+    --body-color-muted: #999;
+
+    --border-color: #333;
+    --window-bg-color: #000;
+}
+
+#sidebar .logo-container {
+    display: none;
+}
+
+#sidebar .channel-list-item:not([data-type=lobby]) {
+    color: var(--body-color-muted);
+}
+
+#sidebar .channel-list-item:not([data-type=lobby]):hover {
+    color: var(--body-color);
+}
+
+#sidebar .channel-list-item.active {
+    font-weight: bold;
+    color: var(--body-color);
+}
+
+#sidebar {
+    border-right: 1px solid var(--border-color);
+}
+
+#sidebar .channel-list-item .badge {
+    font-weight: bold;
+    font-size: 10px;
+    padding: 0px 3px;
+}
+
+#chat .msg[data-type="monospace_block"] .text {
+    background-color: #000000;
+}
+
+#chat .msg[data-type=notice].highlight .content {
+    color: #48A8FF;
+}
+
+#chat .msg.self .content {
+    color: var(--body-color);
+}
+
+#chat .userlist .count {
+    background: none;
+}
+
+#form {
+    background: none;
+    border-color: var(--border-color);
+}
+
+.input {
+    background-color: #222;
+    border-color: #444;
+    color: #fff;
+}
+
+.input::placeholder {
+    color: #555;
+}
+
+#chat button.close,
+#chat button.mentions,
+#chat button.menu,
+#chat button.search,
+#viewport .lt,
+#viewport .rt {
+    margin-top: 0;
+}
+
+#footer button {
+    color: var(--body-color-muted);
+}
+
+#footer button:hover,
+#footer button.active {
+    color: #fff;
+    background: none;
+}

defaults/config.js

@@ -95,12 +95,16 @@ module.exports = {
 	// extended by installing more themes. Read more about how to manage them
 	// [here](https://thelounge.chat/docs/guides/theme-creation).
 	//
+	// The Lounge: Hard Chats Edition also shiped with an OLED theme which
+	// Is FAR better than either of the default themes. The default themes are
+	// blowjobs.
+	//
 	// This value needs to be the package name and not the display name. For
 	// example, the value for Morning would be `morning`, and the value for
 	// Solarized would be `thelounge-theme-solarized`.
 	//
-	// This value is set to `"default"` by default.
+	// This value is set to `"oled"` by default.
-	theme: "default",
+	theme: "oled",
 
 	// ### `prefetch`
 	//

docker-compose.yml

@@ -1,6 +1,7 @@
 services:
   thelounge:
-    image: git.supernets.org/supernets/thelounge:4.4.1-sn1
+    image: git.supernets.org/supernets/thelounge:latest
+    #build: .
     ports:
       - "9000:9000"
     volumes: