diff --git a/posimai-dev/index.html b/posimai-dev/index.html index 0dc04397..7319edff 100644 --- a/posimai-dev/index.html +++ b/posimai-dev/index.html @@ -111,10 +111,17 @@ #terminal-container .xterm { height: 100%; } #terminal-container .xterm-viewport { border-radius: 8px 8px 0 0; } - .xterm-viewport::-webkit-scrollbar { width: 4px; } - .xterm-viewport::-webkit-scrollbar-track { background: transparent; } - .xterm-viewport::-webkit-scrollbar-thumb { background: rgba(167,139,250,0.25); border-radius: 2px; } - .xterm-viewport::-webkit-scrollbar-thumb:hover { background: rgba(167,139,250,0.5); } + /* xterm 内部の不透明レイヤーを透明化 → aurora が透ける */ + #terminal-container .xterm-viewport, + #terminal-container .xterm-screen, + #terminal-container .xterm-screen canvas { background: transparent !important; } + + /* スクロールバー — 右端に固定、細く鮮明に */ + .xterm-viewport { scrollbar-width: thin; scrollbar-color: rgba(167,139,250,0.35) transparent; } + .xterm-viewport::-webkit-scrollbar { width: 5px; } + .xterm-viewport::-webkit-scrollbar-track { background: rgba(255,255,255,0.03); border-radius: 3px; } + .xterm-viewport::-webkit-scrollbar-thumb { background: rgba(167,139,250,0.4); border-radius: 3px; } + .xterm-viewport::-webkit-scrollbar-thumb:hover { background: rgba(167,139,250,0.7); } /* ── Input wrapper (relative anchor for slash popup) ── */ .input-wrapper { @@ -427,7 +434,7 @@ cursorBlink: true, allowTransparency: true, theme: { - background: 'rgba(12, 18, 33, 0.0)', + background: 'transparent', foreground: '#F3F4F6', cursor: '#A78BFA', selectionBackground: 'rgba(167,139,250,0.3)',