web-dev-qa-db-ja.com

Chromiumタブでテキストの色をカスタマイズする方法は？

Chromiumタブのテキストの色をカスタマイズする方法を知っている人はいますか？ Chromiumは、使用されているGTKテーマからこれらの色を読み込むことを知っています。現在、Arcテーマを使用しています。

gtk.cssの/usr/share/themes/Arc/gtk-3.0ファイルを編集して自分でやろうとして数時間を費やしました。Chromiumのソースコードを調べて、どのCSSセレクターかについての手がかりを得ようとしました。使用する必要があります。ただし、変更することはできませんでした。

この試みの助けをいただければ幸いです。

gnomethemeschromiumgtk
2
Marko J.

テーマのgtk.cssサブフォルダーでgtk-3.0を編集できる場合、編集する行は次のとおりです。

@define-color theme_fg_color #aa55ff;

ここで、#aa55ffは新しい色です。

残念ながら、ブラウザのユーザーインターフェイスの他の側面も影響を受けます。

  • ブックマークバーのテキストの色
  • ブックマークバーのフォルダー内のアイテムのテキストの色
  • Customize and control ...ドロップダウン内のテキストの色
  • バック、フォワード、およびホームアイコンの色、およびそれ以上

Lilac tab text

そしてもちろん、他のすべてのgtk3アプリケーションも影響を受けます。そうしたくない場合は、別の名前でテーマのコピーを作成し、コピーを変更します。その後、使用することができます

GTK_THEME=modified-theme-name chromium-browser

変更されたテーマでonlyクロムブラウザを実行します。

編集：

Firefoxについて尋ねなかったとしても、Quantumの後でも、Firefoxのユーザーインターフェイスは現在はるかにカスタマイズ可能であることを指摘したいと思います。

タブテキストの色およびタブの背景色を調整する前の外観は次のとおりです。

before

そして、これは次のように見えるものです：

after

userChrome.cssフォルダーに~/.mozilla/firefox/profile_name/chromeファイルを作成するだけでした。このフォルダはデフォルトでは存在しません。作成する必要があります。

表示されるタブのカスタマイズを取得するuserChrome.cssの内容は次のとおりです。

tab { color: #000010 !important; font-size: 16px !important; font-family: Cousine !important; }
tab [selected] { font-family: Cousine !important; color: #ff00ff !important; font-weight: normal !important; font-size: 16px !important;  background: #444 !important; }

userChrome.cssファイルを微調整する利点は、ブラウザまたは他のアプリケーションの他の側面が影響を受けないことです。

3
DK Bose