☰

Ccfolia Tab Customizer

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

当前为 2025-11-27 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
murahito130
评分
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