From d7210e9d7be93d0c64642ace370d18242a8b348e Mon Sep 17 00:00:00 2001
From: vishalkadam47 <vishal@jeevops.com>
Date: Sat, 25 Jan 2025 00:42:46 +0530
Subject: [PATCH] fix: terminal paste visibility

---
 .../dashboard/settings/web-server/terminal.tsx       | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/dokploy/components/dashboard/settings/web-server/terminal.tsx b/apps/dokploy/components/dashboard/settings/web-server/terminal.tsx
index e45b73d2..402ce57d 100644
--- a/apps/dokploy/components/dashboard/settings/web-server/terminal.tsx
+++ b/apps/dokploy/components/dashboard/settings/web-server/terminal.tsx
@@ -32,10 +32,14 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
 			lineHeight: 1.4,
 			convertEol: true,
 			theme: {
-				cursor: resolvedTheme === "light" ? "#000000" : "transparent",
-				background: "rgba(0, 0, 0, 0)",
-				foreground: "currentColor",
+				cursor: resolvedTheme === "light" ? "#000000" : "#FFFFFF",
+				background: resolvedTheme === "light" ? "#FFFFFF" : "rgba(0, 0, 0, 0.9)",
+				foreground: resolvedTheme === "light" ? "#000000" : "#FFFFFF",
+				selectionForeground: resolvedTheme === "light" ? "#000000" : "#FFFFFF",
 			},
+			allowTransparency: true,
+			screenReaderMode: true,
+			scrollback: 1000,
 		});
 		const addonFit = new FitAddon();
 
@@ -68,7 +72,7 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
 
 	return (
 		<div className="flex flex-col gap-4">
-			<div className="w-full h-full bg-transparent border rounded-lg p-2 ">
+			<div className="w-full h-full bg-transparent border rounded-lg p-2">
 				<div id={id} ref={termRef} className="rounded-xl" />
 			</div>
 		</div>