【YouTube】チャンネル登録ボタンを以前の赤色に戻すCSS

2025年9月24日YouTube

この記事では、PCウェブサイト版「YouTube」のチャンネル登録ボタンを2022年10月以前の赤色に戻すCSSについて書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

2022年10月からPCウェブサイト版「YouTube」のチャンネル登録ボタンが白色になってしまいました。好きな人にはいいかもしれませんが、僕は以前の赤色がいいなと思いました。

CSSを使うことで以前のように赤色に戻せます。

CSSは自身の環境上のみの反映で、他人のデバイスには一切影響しません。いつでもオンオフできます。

拡張機能を導入できるPCブラウザのみで、スマホやタブレットのアプリ版ではできません。

1. 前提
2. チャンネル登録ボタンを赤色に変更するCSS
3. 感想

前提

「Stylebot」や「Stylus」などのCSSを適用できる拡張機能を既に導入している前提です。

【Stylebot】サイトにCSSを適用できる拡張機能の使い方

この記事では、ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」について書き ...

https://www.naporitansushi.com/stylebot/

チャンネル登録ボタンを赤色に変更するCSS

スタイルシートを開く

「YouTube」にアクセスします。右上にある「Stylebot」拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

以下のコードを書き込みます。

/*チャンネル登録ボタンを赤色に戻す（2025年09月24日）*/
button[aria-label$="をチャンネル登録"] {
    color: #fff !important;
    background-color: #c00 !important;

    &:hover {
        background-color: #c00 !important;
    }
}

/*チャンネル登録ボタンを赤色に戻す（2025年09月24日）*/
button[aria-label$="をチャンネル登録"] {
    color: #fff !important;
    background-color: #c00 !important;

    &:hover {
        background-color: #c00 !important;
    }
}