Small scrollbar

[GitHub30]

/* xterm.jsのスクロール領域をターゲットにする */

/* --- WebKit系ブラウザ (Chrome, Edge, Safari など) 向け --- */
.xterm-viewport::-webkit-scrollbar {
  width: 8px; /* ここでスクロールバーの太さを細くします (デフォルトは15px前後) */
}

.xterm-viewport::-webkit-scrollbar-track {
  background: transparent; /* スクロールバーの背景色（ターミナルに合わせるなら透明か黒系） */
}

.xterm-viewport::-webkit-scrollbar-thumb {
  background-color: #555; /* スクロールバー本体（つまみ）の色 */
  border-radius: 4px;     /* つまみの角を丸くする */
}

.xterm-viewport::-webkit-scrollbar-thumb:hover {
  background-color: #888; /* マウスオーバー時の色 */
}

/* --- Firefox 向け (標準仕様) --- */
.xterm-viewport {
  scrollbar-width: thin; /* スクロールバーを細くする */
  scrollbar-color: #555 transparent; /* つまみの色 と 背景色 */
}