Penis

multichat-overlay/script.js

@@ -22,6 +22,7 @@ const showUsername = GetBooleanParam("showUsername", true);
 const showMessage = GetBooleanParam("showMessage", true);
 const font = urlParams.get("font") || "";
 const fontSize = urlParams.get("fontSize") || "30";
+const lineSpacing = urlParams.get("lineSpacing") || "1.7";
 const background = urlParams.get("background") || "#000000";
 const opacity = urlParams.get("opacity") || "0.85";
 
@@ -48,6 +49,9 @@ const showStreamElementsTips = GetBooleanParam("showStreamElementsTips", true);
 document.body.style.fontFamily = font;
 document.body.style.fontSize = `${fontSize}px`;
 
+// Set line spacing
+document.documentElement.style.setProperty('--line-spacing', `${lineSpacing}em`);
+
 // Set the background color
 const opacity255 = Math.round(parseFloat(opacity) * 255);
 let hexOpacity = opacity255.toString(16);

multichat-overlay/settings/settings.json

@@ -74,6 +74,16 @@
 			"defaultValue": 30,
 			"group": "Appearance"
 		},
+		{
+			"id": "lineSpacing",
+			"label": "Line Spacing",
+			"description": "",
+			"type": "number",
+			"min": 0,
+			"defaultValue": 1.7,
+			"step": ".1",
+			"group": "Appearance"
+		},
 		{
 			"id": "background",
 			"label": "Background",

multichat-overlay/style.css

@@ -3,6 +3,7 @@
 	padding: 0;
 	--margin: 40px;
 	--border-radius: 20px;
+	/* --line-spacing: 1.7em; */
 }
 
 html {
@@ -148,7 +149,7 @@ li {
 
 #message {
 	font-weight: 400;
-	line-height: 1.7em;
+	line-height: var(--line-spacing);
 }
 
 #card {