WhiteSur firefox theme

ธีม Firefox ซาฟารี

ธีม MacOSX Safari สำหรับ Firefox 80+

นี่คือโค้ด CSS จำนวนมากเพื่อทำให้ Firefox ดูใกล้เคียงกับธีม MacOSX Safari มากขึ้น

อ้างอิงจากhttps://github.com/rafaelmardojai/firefox-gnome-theme

การติดตั้ง

รันคำสั่งต่อไปนี้ในเทอร์มินัล:

./install.sh

การใช้งาน: ./install.sh [ตัวเลือก...]

  -m, --monterey
   Install 'Monterey' theme for Firefox and connect it to the current Firefox profiles

  -a, --alt
   Install 'Monterey' theme alt version for Firefox and connect it to the current Firefox profiles

  -A, --adaptive
   Install Firefox adaptive color version...

  -e, --edit
   Edit 'WhiteSur' theme for Firefox settings and also connect the theme to the current Firefox profiles

  -r, --remove, --revert
   Remove themes, do the opposite things of install and connect

  -h, --help
   Show this help

หากคุณต้องการแก้ไขสไตล์ให้ทำดังนี้:

เรียกใช้ ./install.sh -e

หากคุณต้องการใช้สไตล์ Monterey :

เรียกใช้ ./install.sh -m

หากคุณต้องการใช้สไตล์ Monterey alt :

เรียกใช้ ./install.sh -a

เวอร์ชัน MacOS และ Windows

AdamXweb - WhiteSurFirefoxThemeMacOS: https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS

การติดตั้งด้วยตนเอง

1. ไปที่ about:support ใน Firefox
2. พื้นฐานของแอปพลิเคชัน > ไดเรกทอรีโปรไฟล์ > เปิดไดเรกทอรี
3. คัดลอกโฟลเดอร์ chrome โฟลเดอร์กำหนดค่า Firefox
4. หากคุณใช้ Firefox 69+:
   1. ไปที่ about:config ใน Firefox
   2. ค้นหา toolkit.legacyUserProfileCustomizations.stylesheets และตั้งค่าเป็น true
5. รีสตาร์ทไฟร์ฟอกซ์
6. เปิดแผงปรับแต่ง Firefox และ:
   1. ใช้ตัวเลือก แถบชื่อเรื่อง เพื่อสลับ CSD หากไม่ได้ตั้งค่าไว้ตามค่าเริ่มต้น
   2. ย้ายปุ่มแท็บใหม่ไปที่แถบส่วนหัว
   3. เลือกตัวเลือกสีอ่อนหรือสีเข้มในตัวสลับธีม
7. ขอให้มีความสุขกับ Firefox ตัวใหม่ของคุณ

การเปิดใช้งานคุณสมบัติเสริม

เปิด userChrome.css ด้วยโปรแกรมแก้ไขข้อความ และปฏิบัติตามคำแนะนำเพื่อเปิดใช้คุณลักษณะพิเศษ โปรดทราบว่าไฟล์นี้อาจมีการเปลี่ยนแปลงในเวอร์ชันต่อๆ ไป และการกำหนดค่าของคุณจะหายไป คุณสามารถคัดลอก @imports ที่คุณต้องการเปิดใช้งานไปยังไฟล์ใหม่ชื่อ customChrome ได้โดยตรงในไดเร็กทอรี chrome ของคุณ หากคุณต้องการให้อัปเดตต่อไป โปรดจำไว้ว่า @imports ทั้งหมดจะต้องอยู่ที่ด้านบนของไฟล์ ก่อนคำสั่งอื่นๆ

ข้อบกพร่องที่รู้จัก

CSD มีมุมที่แหลมคม

ดูข้อบกพร่องต้นน้ำ

การแก้ไขเวย์แลนด์:

1. ไปที่หน้า about:config
2. ค้นหาการตั้งค่า layers.acceleration.force-enabled และตั้งค่าเป็นจริง
3. ตอนนี้รีสตาร์ท Firefox และมันควรจะดูดี!

แก้ไข X11:

1. ไปที่หน้า about:config
2. พิมพ์ mozilla.widget.use-argb-visuals
3. ตั้งเป็น boolean แล้วคลิกที่ปุ่มเพิ่ม
4. ตอนนี้รีสตาร์ท Firefox และมันควรจะดูดี!

การพัฒนา

หากคุณต้องการเปลี่ยนสไตล์และเปลี่ยนแปลงบางสิ่ง คุณอาจพบว่าสิ่งเหล่านี้มีประโยชน์

หากต้องการใช้ Inspector เพื่อดีบัก UI ให้เปิดเครื่องมือสำหรับนักพัฒนา (F12) บนหน้าใดก็ได้ ไปที่ตัวเลือก เลือกทั้งสองอย่าง:

• เปิดใช้งานเบราว์เซอร์ Chrome และกล่องเครื่องมือแก้ไขข้อบกพร่องของส่วนเสริม
• เปิดใช้งานการดีบักระยะไกล

ตอนนี้คุณสามารถปิดเครื่องมือเหล่านั้นแล้วกด Ctrl+Alt+Shift+I เพื่อตรวจสอบ UI ของเบราว์เซอร์