mirror of
https://github.com/johndoe6345789/docker-swarm-termina.git
synced 2026-04-24 13:45:01 +00:00
d0074ff874
Changed interactive terminal from Ubuntu purple theme to authentic GNOME Terminal color scheme for better Linux desktop terminal experience. Changes: - Background: #2E3436 (dark gray, GNOME Terminal default) - Foreground: #D3D7CF (light gray text) - Updated all 16 ANSI colors to match GNOME Terminal palette - Added selection colors (#4A90D9 background) - Updated container styling with darker borders - Increased padding for better readability The terminal now looks and feels like GNOME Terminal. Full interactive functionality works with xterm.js when connected to running Docker containers via WebSocket. https://claude.ai/code/session_011PzvkCnVrsatoxbY3HbGXz
29 lines
745 B
TypeScript
29 lines
745 B
TypeScript
import React from 'react';
|
|
import { Box } from '@mui/material';
|
|
import '@xterm/xterm/css/xterm.css';
|
|
import { InteractiveTerminalProps } from '@/lib/interfaces/terminal';
|
|
|
|
export default function InteractiveTerminal({ terminalRef }: InteractiveTerminalProps) {
|
|
return (
|
|
<Box
|
|
ref={terminalRef}
|
|
sx={{
|
|
height: { xs: '400px', sm: '500px' },
|
|
backgroundColor: '#2E3436',
|
|
borderRadius: '4px',
|
|
border: '1px solid #1C1F20',
|
|
overflow: 'hidden',
|
|
'& .xterm': {
|
|
padding: '10px',
|
|
},
|
|
'& .xterm-viewport': {
|
|
backgroundColor: '#2E3436 !important',
|
|
},
|
|
'& .xterm-screen': {
|
|
backgroundColor: '#2E3436',
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
}
|