Improve terminal tab spacing and light mode selection visibility

Author: charlesvien

apps/code/src/renderer/features/panels/components/DraggableTab.tsx

@@ -130,7 +130,7 @@ export const DraggableTab: React.FC<DraggableTabProps> = ({
       align="center"
       gap="1"
       pl="3"
-      pr={onClose ? "1" : "3"}
+      pr={onClose ? "2" : "3"}
       className={`group relative flex-shrink-0 select-none border-r border-b-2 transition-colors ${draggable ? "cursor-grab" : "cursor-pointer"}`}
       style={{
         borderRightColor: "var(--gray-6)",
@@ -178,6 +178,7 @@ export const DraggableTab: React.FC<DraggableTabProps> = ({
         <Box
           style={{
             width: "14px",
+            marginLeft: "2px",
             display: "flex",
             alignItems: "center",
             justifyContent: "center",

apps/code/src/renderer/features/terminal/services/TerminalManager.ts

@@ -86,7 +86,7 @@ function getTerminalTheme(isDarkMode: boolean) {
         foreground: "#0d0d0d",
         cursor: "#f54d00",
         cursorAccent: "#f2f3ee",
-        selectionBackground: "rgba(245, 77, 0, 0.2)",
+        selectionBackground: "rgba(245, 77, 0, 0.95)",
         selectionForeground: "#0d0d0d",
       };
 }