Custom CSS for Fx คือชุดของ CSS สไตล์สำหรับ Firefox 57 และใหม่กว่าโดยผู้แต่ง Firefox Add-on Classic Theme Restorer ยอดนิยม
Firefox 57 จะไม่สนับสนุน Classic Theme Restorer หรืออินเทอร์เฟซอื่น ๆ ที่เปลี่ยนนามสกุลหรือธีมอีกต่อไปเนื่องจากการเปลี่ยนไปใช้ระบบเอกสิทธิ์ของ WebExtensions ระบบ WebExtensions ใหม่ป้องกันการเปลี่ยนแปลงอินเทอร์เฟซผู้ใช้ของเบราว์เซอร์โดยไม่ให้ API แก่ผู้พัฒนาส่วนขยาย
ตัวเลือกเดียวที่เหลือสำหรับผู้ใช้ Firefox ในการปรับเปลี่ยน UI นอกเหนือจากสิ่งที่ Mozilla ให้ไว้ใน Firefox คือการใช้ CSS
ผู้ใช้ Firefox ที่รู้จักวิธีรอบ ๆ CSS อาจแก้ไขไฟล์ CSS ด้วยตนเองเพื่อแก้ไขเวอร์ชันของเว็บเบราว์เซอร์ ผู้ใช้ Firefox ส่วนใหญ่อาจไม่ทำเช่นนั้นและนั่นคือสิ่งที่ Custom CSS for Fx เข้ามาเล่น
ปรับแต่ง Firefox 57 ด้วย CSS
โครงการนี้โฮสต์บน GitHub และดูแลโดย Aris ซึ่งเป็นที่รู้จักกันดีในโปรแกรมเสริม Firefox ยอดนิยมเช่น Classic Theme Restorer และ NoiaButtons Classic Theme Restorer ถูกสร้างขึ้นเพื่อตอบสนองต่อส่วนต่อของ Australis ที่ Mozilla เปิดตัวใน Firefox 29 ส่วนขยายจะไม่ทำงานใน Firefox 57 หรือใหม่กว่าอีกต่อไปเพราะ Mozilla ได้ลดการสนับสนุน add-ons ดั้งเดิมใน Firefox รุ่นนั้นและไม่ได้แนะนำความสามารถ เพื่อปรับเปลี่ยนส่วนต่อประสานผู้ใช้เป็น WebExtensions API
หน้าเริ่มต้นของโครงการเสนอข้อมูลเกี่ยวกับการค้นหาโฟลเดอร์โปรไฟล์ของเว็บเบราว์เซอร์ Firefox และใช้สไตล์ที่มีให้เพื่อปรับเปลี่ยน Firefox
วิธีที่ง่ายที่สุดในการค้นหาโฟลเดอร์โปรไฟล์คือการโหลด about: support ในแถบที่อยู่ของเบราว์เซอร์และคลิกที่ปุ่ม "open folder" ภายใต้ Application Basics> Folder Profile
คุณต้องสร้างโฟลเดอร์ชื่อ chrome ถ้าไม่มีอยู่ในรูทของไดเรกทอรีโปรไฟล์ เมื่อเสร็จแล้วให้คัดลอกเนื้อหาของไฟล์เก็บถาวรลงในโฟลเดอร์นั้น ตรวจสอบให้แน่ใจว่า userChrome.css และ userContent.css อยู่ในรูทของโฟลเดอร์ chrome
นี่คือทั้งหมดที่ต้องทำเพื่อเพิ่มสไตล์ที่กำหนดเองเหล่านี้ลงใน Firefox อย่างไรก็ตามมีขั้นตอนอื่นที่คุณอาจต้องการใช้และนั่นคือการปรับแต่ง tweaks
ชุด tweaks เริ่มต้นอาจดึงดูดผู้ใช้บางคน แต่ไฟล์ CSS มาพร้อมกับตัวเลือกเพื่อเปิดใช้งานหรือปิดใช้งาน tweaks ที่แตกต่างกันเพื่อเปลี่ยนอินเทอร์เฟซเพิ่มเติม
เปิดไฟล์ userChrome.css ในโปรแกรมแก้ไขข้อความธรรมดา ไฟล์ใช้คำสั่ง @import เพื่อนำเข้าสไตล์ CSS จริงจากไฟล์ CSS สิ่งนี้ทำเพื่อให้ผู้ใช้หลักเป็นระเบียบเรียบร้อยและทำให้ผู้ใช้ Firefox ปรับเปลี่ยนได้ง่ายขึ้น
บรรทัดที่ขึ้นต้นด้วย / * จะใส่เครื่องหมายไว้และไฟล์ CSS ที่ลิงก์จะไม่ถูกนำเข้าเนื่องจากสิ่งนั้น
สิ่งที่คุณต้องทำคือไปที่รายชื่อทีละส่วนเพื่อพิจารณาว่าคุณต้องการเปิดใช้งานการปรับแต่งใดใน Firefox
คุณเลิกทำการปรับแต่งโดยการเพิ่ม / * ด้านหน้าบรรทัดและ * / ที่ด้านหลัง คุณลบ / * ด้านหน้าและ * / ที่ด้านหลังเพื่อเปิดใช้งานการบิด
นี่คือรายการของการปรับแต่งที่มีอยู่ในขณะนี้:
- ปรับเปลี่ยนปุ่มแถบเครื่องมือนำทาง
- เปิดใช้งานปุ่ม Squared
- เปลี่ยนลักษณะที่ปรากฏของไอคอน
- เปลี่ยนป๊อปอัปปุ่มแอป
- เปลี่ยนเมนูบุ๊คมาร์คและป๊อปอัปที่ปรากฏ
- การปรากฏปุ่มบนแถบเครื่องมือเก่าของบุ๊คมาร์ค
- การตั้งค่าปุ่มอื่น ๆ (ซ่อนปุ่มไปข้างหน้า, ปุ่มย้อนกลับและไปข้างหน้าคั่นด้วยป๊อปอัปประวัติ, ปุ่มซูมซ่อนรีเซ็ต)
- ลักษณะปุ่มย้อนกลับและไปข้างหน้าที่กำหนดเอง
- ปุ่มแอปพลิเคชัน / แฮมเบอร์เกอร์บนแถบเครื่องมือนำทาง
- ปุ่มแอปพลิเคชัน / แฮมเบอร์เกอร์ใน Firefox Titlebar (Windows เท่านั้น)
- ลักษณะแท็บ (สไตล์, ตำแหน่งแถบเครื่องมือตัวอย่างเช่นด้านล่างแถบเครื่องมือ (อ่าน: แท็บที่ไม่ได้อยู่ด้านบน), ชื่อแท็บ, ไอคอนและอื่น ๆ
- ปรับเปลี่ยนแถบค้นหาเมนูบริบทไอคอนและแถบเครื่องมืออื่น ๆ
- เปลี่ยนสไตล์ของแถบตำแหน่ง
บางส่วนเป็นแบบอธิบายตนเอง คนอื่นไม่ได้ แต่คุณมีสองตัวเลือกเมื่อมันมาถึงเหล่านี้ เปิดใช้งานพวกเขาและตรวจสอบพวกเขาโดยตรงหรือเปิดไฟล์ CSS ที่ได้รับการโหลดเพื่อค้นหาสิ่งที่พวกเขาทำ หลังต้องใช้ความรู้บางอย่างของ CSS อย่างไรก็ตาม
ไฟล์ userContent.css ใช้เลย์เอาต์เดียวกัน มันนำเข้าไฟล์ CSS และขึ้นอยู่กับคุณที่จะเปิดใช้งานหรือปิดการใช้งานไฟล์เหล่านั้น
รายการของการปรับแต่งอินเตอร์เฟสดั้งเดิมที่แนะนำและ about: config tweaks มีให้โดยโครงการเพื่อปรับเปลี่ยนลักษณะที่ปรากฏของ Firefox ต่อไป
ปิดคำ
CSS ที่กำหนดเองสำหรับ Fx มีการปรับเปลี่ยนอินเตอร์เฟสมากมายสำหรับอินเทอร์เฟซของ Firefox 57 ที่ไม่สามารถทำได้โดยใช้ส่วนขยายหรือการใช้คุณสมบัติในตัว ผู้ใช้ Firefox ที่มีอยู่อาจพบว่ามีประโยชน์โดยเฉพาะหากพวกเขาใช้ Classic Theme Restorer หรือแอดออนที่เทียบเท่ากันจนถึงปัจจุบัน
Aris อัพเดทเป็นประจำโดย Aris; ไม่เพียง แต่ดีสำหรับการใช้งานใหม่ที่อาจได้รับการแนะนำผ่านการปรับแต่งเท่านั้น แต่ยังเพื่อให้สามารถใช้งานร่วมกับ Firefox รุ่นใหม่ได้
