☰

Ccfolia Tab Customizer

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

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
murahito130
今日安裝
0
安裝總數
0
評價
0 0 0
版本
1.1.0
建立日期
2025-11-27
更新日期
2025-11-27
尺寸
5.5 KB
授權條款
MIT
腳本執行於

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