カスタムスクロールバーは、スクロールバーの色と幅を設定できるFirefoxとChromeの拡張機能です。

あなたはあなたのウェブブラウザをカスタマイズするのが好きですか?多くの人がテーマを使用してブラウザの外観を新しくしています。いくつかはそれをワンランク上に上げて、それをユニークにするためにカスタムCSSファイルを使用します。

カスタムスクロールバーは、スクロールバーの色と幅を設定できるFirefoxとChromeの拡張機能です。

ほとんどのテーマ、特にスクロールバーは、インターフェイスのすべての要素を変更するわけではありません。カスタムスクロールバーは、スクロールバーの色と幅を設定できるFirefoxおよびChromeの拡張機能です。

カスタムスクロールバーは、デフォルトではバーの色を変更しません。アドオンのオプションページに移動し、[カスタムカラーを使用]の下の[はい]ボタンを切り替えます。いくつかの新しい設定が表示されます。これらを使用すると、スクロールバーのつまみ(クリックしてドラッグしたバー)とトラックの色を設定できます。

カスタムスクロールバーはカスタムカラーを設定します

設定ページには、スクロールバーがどのように表示されるかを示すライブプレビューセクションがあります。これはインタラクティブなデモなので、変更を適用する前に試してみてください。シェードを設定するには、カラーホイールを使用してグラデーションを選択する方法と、ボックスに特定の16進数のカラーコードを入力する方法の2つがあります。ホイールの横にある2つのスライダーを使用して、スクロールバーとトラックの色相と透明度を調整できます。デフォルトの色に戻したい場合は、カスタムカラーオプションを無効にします。ただし、そうすると、アドオンは以前の色設定を忘れてしまいます。

カスタムスクロールバーの幅

このアドオンを使用して、オプションでスクロールバーの幅を変更できますが、手動で値を設定することはできません。代わりに、Default、Thin、Hiddenの3つの値があります。薄い設定により、スクロールバーは元のサイズの約3分の1になります。もう1つのオプションは、バーを非表示にするだけでなく、バ​​ーを完全に削除します。つまり、マウスで端をクリックしてみると、ページはスクロールしません。ただし、マウスホイール、矢印キー、Page Up / Downキーを使用してページをスクロールすることはできます。

カスタムスクロールバーには、Webサイトが設定を上書きする方法を制御するオプションがあり、サイトが完全に上書きしないようにすることができます。または、Webサイトに色のみ、幅のみ、または両方のオプションを変更させることができます。それは私がそれを試したすべてのウェブサイトで動作しました。アドオンの説明には、Facebookでは機能しないことが記載されており、既知の問題です。 Facebookで試してみたところうまくいったので、説明が古くなっているのかもしれません。

拡張機能の設定ページの下部にある保存ボタンを押して、行った変更を適用することを忘れないでください。テーマの異なるアドオンを使用しても問題はありませんでした。

カスタムスクロールバーの色

私が抱えていた唯一の問題はTwitterで、色付きのバーがサイトのさまざまなセクションに表示されていましたが、スクリプト(GoodTwitter2)を使用しているため、通常のサイトはカスタムスクロールバーで正常に機能します。

カスタムスクロールバーはオープンソースのアドオンです。のためにそれをダウンロードしてください Firefoxクロム 。後者は最近リリースされましたが、Firefoxプラグインと同じように機能します。このアドオンは、特定のWebサイトが独自のスクロールバーを使用できるようにする方法を提供していません。また、Webサイトごとにカスタムの色を設定することもできませんが、それは私が気にしないことです。

テーマに合った適切な色を見つけるのに問題がありますか? ColorManiaなどのカラーピッカーツールを使用して、画面上の要素のカラーコードを見つけます。