Firefox69~72以降でカスタマイズ(userchrome.css)未読タブ、選択タブの文字色を変える方法。a{text-indent:10%;font-size:14px}}まちゃの休息ホームFirefox拡張機能Firefox69~72以降でカスタマイズ(userchrome.css)未読タブ、選択タブの文字色を変える方法。2019.09.06まちゃこの記事では、FireFox69、70、71でuserChrome.css、userChrome.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない、未読タブなどのフォント設定などができるようになるので、FirFoxがより使いやすくなります。ver72以降についてのカスタマイズは、Firefoxのカスタマイズを有効化させる方法の記事をあわせてお読みください。72でuserChrome.css、userChrome.js、xxx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない、未読タブなどのフォント設定などができるようになるので、FirFoxがより使いやすくなります。macha795.com2020.02.23Firefox69から70にアップデートしたら、タブの色を変えるなどのカスタマイズがデフォルトになってしまいました。69に更新したときも同じように無効になってしまいましたが、69から70に更新したらまたカスタマイズが無効化されてしまいました。Firefox62から68までは未読タブの表示を変えたり、再起動ボタンを追加する機能は特にいじらなくても使えたのですが、Firefox69・70にしたら使えなくなってしまいました。Firefox69・70でも再び再起動ボタンの追加や未読タブの色をuserChrome.cssで設定することができるようになりました。まちゃFirefox70でもカスタマイズできたこの記事では、「Firefox69~71以降でカスタマイズ(userchrome.css)未読タブ、選択タブの文字色を変える方法。」について紹介します。FireFox69から70に更新して使えなくなった場合は、userChrome.js、userChrome.xmlを最新のファイルに更新すれば、そのまま使えるようにまります。12月のアップデートで70から71へ更新したところ、普通に更新しても未読タブの色などのカスタマイズには影響ありませんでした。タブバーの位置だけが再び上にあがってくるという問題がありました。未読タブを有効化させるスクリプト念のためスタートアップキャッシュを消して起動するver71でタブバーの位置を変更する無事に未読タブのカスタマイズを有効化できましたFirefoxのプロファイルフォルダをバックアップしておくまず作業前に、1度Firefoxを終了させて使用しているプロファイルフォルダをバックしておくと、何かあった時にも安心です。プロファイルフォルダは、このパスにあります。C:\Users\{user_name}\AppData\Roaming\Mozilla\Firefox\Profiles簡単にプロファイルフォルダを開くには、Firefoxのヘルプから「トラベルシューティング情報」をクリックします。開いた先にある「プロファイルフォルダー」のフォルダーを開くボタンをクリックすると、簡単に開くことができます。スポンサーリンク目次に戻るuserChrome.jsなどをダウンロードするgithub@alice0775さんのgithubページから使用したいFirefoxのバージョンと一致するディレクトリを開きます。一度、まとめてダウンロードしちゃうのもアリです。Firefox69なら、69というディレクトリ、FireFox70なら70のディレクトリを開きます。ファイルが沢山ありますが、userChrome.css、userChrome.js、userChrome.xmlをダウンロードします。使用するファイルuserChrome.cssuserChrome.jsuserChrome.xml最近のFirefoxではファイルの文字コードは、BOM無しのUTF-8じゃないとダメらしいです。うまく動作しない時はファイルの文字コードを確認してみてください。スポンサーリンク目次に戻るダウンロードしたファイルを配置するダウンロードした、userChrome.css、userChrome.js、userChrome.xmlをプロファイルフォルダ内に配置します。プロファイルフォルダ内に「chrome」フォルダを作成して、chrome内にファイルを格納します。userChrome.cssがすでにあって、カスタマイズしているなら既にあるuserChrome.cssを修正したほうが早いかもしれません。目次に戻るuserChrome.cssを使えるようにするuserChrome.cssは、そのままでは使えないので、configで有効化します。URLバーに「about:config」と入力して、configを表示させます。「toolkit.legacyUserProfileCustomizations.stylesheets」の値をtrueにします。trueになっていたらそのままで大丈夫です。目次に戻る未読タブと開いているタブの色を変える方法FireFox69から70に更新して使えなくなった場合は、userChrome.js、userChrome.xmlを最新のファイルに更新すれば、そのまま使えるようにまります。71でも問題なく使えました。Firefox69、70で、未読のタブと今開いているタブの文字を強調する方法について紹介します。Firefox69、70では今までカスタマイズに使用していた、Firefox内部のファイルが削除されたりしてカスタマイズ環境にも影響がでています。userChrome.js、userChrome.xmlなど最新のものをダウンロードすると、動作が安定するかもです。userChrome.cssの設定まずuserChrome.cssにカラー設定を追記します。FireFox68まで、未読タブの色を変えていたなら、そのままの設定が使えると思います。下のサンプルでは、選択中のタブを太字、未読タブの文字色を赤色にする設定になります。!important;}未読タブを有効化させるスクリプトFirefox61から未読タブにunreadが付かなくなってしまったので、カスタマイズスクリプトで有効化させる必要があります。基本的には、こちらのFirefox61で試した未読タブのカスタマイズ記事と同じ手順です。Quantumになってから、以前はアドオンなどの設定から未読タブの色とかのカスタマイズが簡単にできたのが面倒になってしまいました。それでも「userChrome.css」などで、カスタマイズして未読タブを赤色にするよ...macha795.com2020.02.23unread属性をタブに付与するための「setAttribute_unread.uc.js」スクリプトをダウンロードします。ダウンロードした「setAttribute_unread.uc.js」ファイルをFirefoxのプロファイルフォルダ内の「chrome」フォルダ内に配置します。2019年9月8日現在だと、そのままだと動かないのでsetAttribute_unread.uc.jsを少し修正します。return;となっている箇所を、このように修正します。return;「chrome://browser/content/browser.xul」は廃止されたようです。修正後のファイルは、このようになります。false);})()目次に戻る念のためスタートアップキャッシュを消して起動するカスタマイズの準備ができたのでFirefoxを再起動してあげます念の為、スタートアップキャッシュを削除して起動します。スタートアップキャッシュの削除は、firefox.exeを実行する時に、このオプションを付けます。-purgecachesfirefox.exeからショートカットを作成し、そこにオプションを付けてダブルクリックで起動しました。firefox.exeを右クリックからショートカットを作成して、ショートカットのプロパティを開きます。リンク先にオプションを追加しました。-purgecachesFirefoxが起動して設定していたカスタマイズが復活していれば成功です。スタートアップキャッシュのオプションは使用しないので削除して問題ないです。目次に戻るver71でタブバーの位置を変更するFireFoxのバージョンを70から71に更新したところ、タブバーの位置が上の方に移動してしまいました。できればタブバーはページを表示しているところのすぐ上、ブックマークツールバーの下が個人的には使いやすいです。タブバーの位置をブックマークツールバーの下に移動させたいなら、Firefoxのサポートフォーラムで解決された以下のコードをuserChrome.cssに追記します。!important;}userChrome.cssを編集したら、Firefoxを再起動します。すると再びタブバーの位置をブックマークツールバーの下に戻すことができました。目次に戻る無事に未読タブのカスタマイズを有効化できましたFirefoxはメジャーアップデート毎にカスタマイズが使えなくなるのではないかとドキドキです。複数のタブを一気に開いてから読むことがあるので、未読なタブが分かるようになっている方が使いやすいです。Firefox69でも無事カスタマイズすることができて安心しました。2020年1月にリリースされたver72についてのカスタマイズは、Firefox72のカスタマイズを有効化させる方法の記事をあわせてお読みください。72でuserChrome.css、userChrome.js、xxx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない、未読タブなどのフォント設定などができるようになるので、FirFoxがより使いやすくなります。macha795.com2020.02.23それでは、今回はこれまで。ありがとうございました。Firefoxに再起動ボタンを追加する方法【アドオンの代替】FirefoxがQuantumになってもFirefoxの再起動ボタンを追加する方法について紹介します。72でuserChrome.css、userChrome.js、xxx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない、未読タブなどのフォント設定などができるようになるので、FirFoxがより使いやすくなります。2020.02.23Firefox拡張機能Tabtterにおすすめな設定、ページ番号をクリックしやすくするTabtterはウェブブラウザ型のTwitterクライアントです。Tabtterのタイムライン表示時のページ番号を、この様に大きくしてクリックしやすくする方法の紹介です。私は、ついっぷるが201...2018.10.28Firefox拡張機能Firefoxに再起動ボタンを追加する方法【アドオンの代替】FirefoxがQuantumになってもFirefoxの再起動ボタンを追加する方法について紹介します。Extensionsでタブを開く時にウインドウを指定して開く方法。プロパティで指定することでウインドウを指定してタブを作成する事ができる。アップデートしたらFireFoxを起動するたびに、この様な警告が出るようになりました。Quantumになってから、以前はアドオンなどの設定から未読タブの色とかのカスタマイズが簡単にできたのが面倒になってしまいました。それでも「userChrome.css」などで、カスタマイズして未読タブを赤色にするよ...2020.02.23Amazonで安く買い物する方法Amazonでの買い物は、Amazonギフト券にお金をあらかじめチャージ(入金)してから購入するのがおすすめです。最大2.5%分のAmazonポイントが貯まるので、Amazon利用者ならAmazonギフト券を活用しない手はありません!チャージするだけで最大2.5%のポイントバックAmazonギフト券を購入する購入するだけ、簡単にが付与されます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。家電スマホケースパソコン周辺機器ショップ/インターネットブログ/サイト運営プログラミングホームへカテゴリーガジェット133完全ワイヤレスイヤホン32ワイヤレス充電14パソコン周辺機器33モバイルバッテリー2スマホケース7ストラップ6首掛けスピーカー2カメラ7スマホ/タブレット関連25便利グッズ5家電27照明6文房具7インターネット20ネットショップ(Amazon等)14便利なサービス6パソコンソフト9プログラミング34PhpStorm22WordPress開発7JavaScript3Firefox拡張機能9サイト・ブログ運営11GRC4WordPress5イベント3ドラマ2プロフィールまちゃスマホゲームのサーバーサイドエンジニアをやってます。おすすめのスマホやパソコンの周辺機器・ガジェット、家電などをレビューし紹介するブログです。仕事のプログラミングで使用している便利なツールやプラグインなども紹介します。【Firefox73,72】userchrome.cssでカスタマイズして未読タブ、選択タブの文字色を変える方法2020.02.192020.02.23Firefoxに再起動ボタンを追加する方法【アドオンの代替】2020.01.262020.02.23Firefox69~72以降でカスタマイズ(userchrome.css)未読タブ、選択タブの文字色を変える方法。家電スマホケースパソコン周辺機器ショップ/インターネットブログ/サイト運営プログラミングホームへカテゴリーガジェット133完全ワイヤレスイヤホン32ワイヤレス充電14パソコン周辺機器33モバイルバッテリー2スマホケース7ストラップ6首掛けスピーカー2カメラ7スマホ/タブレット関連25便利グッズ5家電27照明6文房具7インターネット20ネットショップ(Amazon等)14便利なサービス6パソコンソフト9プログラミング34PhpStorm22WordPress開発7JavaScript3Firefox拡張機能9サイト・ブログ運営11GRC4WordPress5イベント3ドラマ2プロフィールまちゃスマホゲームのサーバーサイドエンジニアをやってます。おすすめのスマホやパソコンの周辺機器・ガジェット、家電などをレビューし紹介するブログです。仕事のプログラミングで使用している便利なツールやプラグインなども紹介します。【Firefox73,72】userchrome.cssでカスタマイズして未読タブ、選択タブの文字色を変える方法2020.02.192020.02.23Firefoxに再起動ボタンを追加する方法【アドオンの代替】2020.01.262020.02.23Firefox69~72以降でカスタマイズ(userchrome.css)未読タブ、選択タブの文字色を変える方法。miniOrangeタイトルとURLをコピーしました。