Ccfolia Tab Customizer

ココフォリアのチャットタブを3段まで折り返し表示し、選択中のタブに赤いラインを表示します。

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Autore
murahito130
Installazioni giornaliere
0
Installazioni totali
2
Valutazione
0 0 0
Versione
1.1.0
Creato il
27/11/2025
Aggiornato il
27/11/2025
Dimensione
5,51 KB
Licenza
MIT
Applica a

Ccfolia Tab Customizer

ココフォリア(ccfolia.com)のチャットタブ表示を改善し、視認性と操作性を向上させるユーザースクリプトです。 タブが増えて横スクロールが面倒になったり、どのタブを開いているか分かりにくかったりする場合に役立ちます。

✨ 主な機能

  1. タブの折り返し表示

    • タブが横一列ではなく、画面端で自動的に折り返して表示されます。
    • 横スクロールボタンを連打する必要がなくなり、全てのタブを一覧しやすくなります。
  2. 表示行数の制限とスクロール

    • タブエリアが広がりすぎないよう、最大表示行数を3行(デフォルト)に制限しています。
    • それ以上の行数になる場合は、タブエリア内だけで縦スクロールが可能になります。
  3. 選択中タブの強調

    • 現在開いているタブの下部に赤いラインを表示し、太字で強調します。
    • デフォルトのインジケーターよりもはっきりと現在地がわかります。
  4. スタイル調整

    • 不要なスクロールボタン(左右の矢印)を非表示にし、すっきりさせました。
    • タブの高さをコンパクト(36px)に統一しています。

⚙️ 設定の変更方法

スクリプト内の上部にある CONFIG 定数を書き換えることで、好みの見た目に調整可能です。

    const CONFIG = {
        // タブ1行あたりの高さ(px)
        TAB_HEIGHT: 36,

        // 表示する最大行数(これを超えるとスクロールバーが出ます)
        MAX_ROWS: 3,

        // 選択中タブのラインの太さ(px)
        LINE_WIDTH: 2,

        // 選択中タブのラインの色
        LINE_COLOR: '#ff0000'
    };

動作環境

  • Tampermonkey などのユーザースクリプトマネージャーが必要です。
  • ココフォリア (https://ccfolia.com/) のルーム内でのみ動作します。

ライセンス

MIT License