web-dev-qa-db-ja.com

FirefoxとChromeでリンクの色を変更し、他のすべての色とフォントはそのままにしておくにはどうすればよいですか?

1型3色覚に苦しむ コンピュータ画面上の赤いテキストと黒いテキストをほとんど区別できない人もいます。 AskUbuntu.com のような多くのWebページでは、訪問済みおよび未訪問のテキストリンクが赤みがかった色で表示されます。これにより、影響を受けるユーザーのユーザビリティが大幅に低下します。

Firefoxの未訪問/未訪問のテキストリンクの色とChromeを古典的な青みがかった色に変更して、1型3色覚に苦しむ人々がWebを使用できるようにするにはどうすればよいですか?

FirefoxとChromeの設定では、フォントと色を上書きできます。たとえば、Firefox→メニュー編集設定コンテンツ色...→チェックを外すページに独自の色を選択させる。しかし、それは変更されますすべてのフォントとすべての要素のすべての色。これは望ましくありません。テキストリンクの色だけで、これ以上はありません。もっと少なく。

6
Johannes

Firefox

これを行うには、ファイルuserContent.cssを編集(または存在しない場合は作成)します。その場所はプラットフォームによって異なります(親フォルダはメニューHelp"トラブルシューティング情報"にもあります。 →セクション"アプリケーションの基本"→フィールド"プロファイルフォルダ"):

Linux

  • $HOME/.mozilla/firefox/[xyz].default-release/chrome/userContent.css

ウィンドウズ

Windowsのバージョンおよびその他の構成に応じて、userContent.cssは次のいずれかのフォルダーにあります。

  • C:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\Profiles\[xyz].default\chrome

  • C:\Users\[username]\AppData\Roaming\Mozilla\Firefox\Profiles\[xyz].default\chrome(より一般的には%APPDATA%\Mozilla\Firefox\Profiles\[xyz].default\chromeです)。

LinuxとWindowsに共通

chromeサブディレクトリとファイルuserContent.cssを作成する必要がある場合があります。

これらの行をそのファイルに追加して、色を変更します(もちろん、実際に使用される色を好きなように変更できます。たとえば、 Paletton Live Colorizer を使用します)。

a { color: #333388!important; }  /* Unvisited link color */

a:visited { color: #333340!important; }  /* Visited link color */

ほとんどの場合Firefoxは有効になる前に再起動する必要があります

また、 Firefoxのそれ以降のバージョン(69以降) の場合、toolkit.legacyUserProfileCustomizations.stylesheetinであることを確認してください。/ about:configistrue。ファイルuserContent.cssが作成されると、自動的にtrueに設定される場合がありますが、常にそうであるとは限りません。

Chrome

Chromeは、Windowsでは$HOME/.config/google-chrome/Default/User\ StyleSheets/Custom.cssにある%USERPROFILE%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.cssを編集することで、同じことができます。

4
terdon

Firefox拡張機能「Visited1.11」は、訪問したリンク以外の色を変更することなく、必要なことを実行しているように見えます。

https://addons.mozilla.org/en-US/firefox/addon/visited/

0
John E