จะเปลี่ยนสีของลิงค์ใน Firefox และ Chrome ได้อย่างไร?


6

บางคนที่ได้รับprotanomalyแทบจะไม่สามารถแยกข้อความสีแดงออกจากตัวอักษรสีดำบนหน้าจอคอมพิวเตอร์ หน้าเว็บจำนวนมากเช่นAskUbuntu.comแสดงลิงก์ข้อความที่เยี่ยมชมและไม่เคยเยี่ยมชมเป็นสีแดง ที่ช่วยลดการใช้งานอย่างมากสำหรับผู้ได้รับผลกระทบ

ฉันจะเปลี่ยนสีของลิงค์ข้อความยกเลิก / เยี่ยมชมของ Firefox และ Chrome บน Windows และ Linux เป็นสีฟ้าคลาสสิกจึงทำให้เว็บสามารถใช้งานได้สำหรับผู้ที่ประสบ protanomaly?

การตั้งค่าของ Firefox และ Chrome ข้อเสนอที่จะแทนที่แบบอักษรและสีเช่นFirefox -> แก้ไข -> Preferences -> เนื้อหา -> สี ... -> untick อนุญาตให้หน้าเพื่อเลือกสีของตัวเอง แต่นั่นเปลี่ยนฟอนต์ทั้งหมดและสีทั้งหมดขององค์ประกอบทั้งหมด ไม่ต้องการ เพียงสีของลิงก์ข้อความไม่มากไปกว่านี้อีกแล้ว


ที่เกี่ยวข้อง (กับคำตอบที่ยอมรับ): จะแทนที่ CSS ของไซต์ใน Firefox ด้วย userContent.css ได้อย่างไร
Peter Mortensen

คำตอบ:


4

Firefox

คุณสามารถทำได้โดยการแก้ไข (หรือสร้างหากไม่มีไฟล์userContent.css) ตำแหน่งขึ้นอยู่กับแพลตฟอร์ม (สามารถดูโฟลเดอร์หลักได้ในเมนูวิธีใช้"ข้อมูลการแก้ไขปัญหา" →ส่วน"ข้อมูลพื้นฐานเกี่ยวกับแอปพลิเคชัน" →ฟิลด์"โฟลเดอร์โปรไฟล์" ):

ลินุกซ์

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

ของ windows

ขึ้นอยู่กับรุ่น 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

คุณอาจจะต้องสร้างไดเรกทอรีย่อยและไฟล์chromeuserContent.css

เพิ่มบรรทัดเหล่านี้ลงในไฟล์นั้นเพื่อเปลี่ยนสี (แน่นอนคุณสามารถเปลี่ยนสีจริงที่ใช้กับสิ่งที่คุณต้องการเช่นใช้Paletton Live Colorizer ):

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

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

ในกรณีส่วนใหญ่Firefox จะต้องเริ่มต้นใหม่ก่อนที่จะมีผลบังคับใช้

นอกจากนี้สำหรับรุ่นที่ใหม่กว่า Firefox (69 และต่อมา)ให้ตรวจสอบว่าtoolkit.legacyUserProfileCustomizations.stylesheetในเกี่ยวกับ configเป็นจริง ในบางกรณีมันจะถูกตั้งค่าเป็นจริงโดยอัตโนมัติเมื่อuserContent.cssสร้างไฟล์แต่ก็ไม่ได้เป็นแบบเสมอไป

โครเมียม

คุณสามารถทำเช่นเดียวกันสำหรับ Chrome โดยการแก้ไข$HOME/.config/google-chrome/Default/User\ StyleSheets/Custom.cssซึ่งบน Windows, %USERPROFILE%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.cssตั้งอยู่ที่


@JoBo คุณพูดถูกฉันคิดว่ามันใช้ได้กับลิงค์เท่านั้น ฉันกำลังพยายามหาวิธีการทำสิ่งนี้ผ่าน CSS มันควรจะเป็นไปได้ สำหรับลิงก์มันเป็นคำตอบเมื่อมันเป็นเพียงส่วนหนึ่งของคำตอบที่มีขนาดใหญ่กว่าและเมื่อลิงก์นั้นไปยังทรัพยากรที่ทำในสิ่งที่คุณต้องการ ลิงก์คำตอบเท่านั้นหมายถึงเชื่อมโยงคำตอบเท่านั้น
terdon

1
ฉันกำลังมองหาคำตอบที่ครอบคลุมเพื่อให้ผู้อื่นที่ได้รับผลประโยชน์แบบเดียวกันง่ายที่สุดโดยไม่ต้องค้นหา / อ่านเพิ่มเติมและไม่ต้องติดตั้งส่วนเสริมใด ๆ เพิ่มเติม
โยฮันเนส

@JoBo นั้นจะทำอย่างไร?
terdon

ไม่มากนัก แต่มันไปถึงที่นั่น blueและgreenไม่ใช่สี "classic blue'ish" ฉันไม่รู้จะใช้อะไรที่นี่ ฉันออกแบบสิ่งที่แย่มาก sth ชอบ rgb (16, 134, 164) หรือมากกว่านั้น? เส้นทางของ Windows %USERPROFILE%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.cssที่ถูกต้องคือ
โยฮันเนส

1
@AmyPellegrini อืมมม? ความต้องการอะไร คุณไม่คาดหวังว่า CSS จะทำงานอย่างไร
terdon

0

ส่วนขยายของ Firefox "เยี่ยมชม 1.11" จะปรากฏขึ้นเพื่อให้บรรลุสิ่งที่คุณต้องการโดยไม่ต้องเปลี่ยนสีของสิ่งอื่นใดนอกจากการเข้าเยี่ยมชมลิงค์

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


1
ขอบคุณ! มันเปลี่ยนลิงค์ที่เยี่ยมชมได้อย่างไร ปัญหาไม่ใช่วิธีแยกแยะการเข้าชมจากลิงก์ที่ไม่ได้เข้าชม แต่แยกแยะลิงก์จากข้อความปกติ
โยฮันเนส
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.