Greasy Fork is available in English.

Ccfolia Tab Customizer

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

Du musst eine Erweiterung wie Tampermonkey, Greasemonkey oder Violentmonkey installieren, um dieses Skript zu installieren.

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

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

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

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

Sie müssten eine Skript Manager Erweiterung installieren damit sie dieses Skript installieren können

(Ich habe schon ein Skript Manager, Lass mich es installieren!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Autor
murahito130
Installationen heute
0
Installationen gesamt
2
Bewertungen
0 0 0
Version
1.1.0
Erstellt am
27.11.2025
Letzte Aktualisierung
27.11.2025
Größe
5,51 KB
Lizenz
MIT
Wird angewandt auf

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