วิธีรับธีมการออกแบบวัสดุของ Google Chrome ใน Firefox

หากคุณไม่ชอบรูปลักษณ์ของมุมสี่เหลี่ยมจัตุรัสบนแท็บใน Firefox คุณสามารถกำหนดมุมมองโค้งมนของ Material Design UI ของ Chrome ได้

หากคุณไม่ชอบหน้าตาสี่เหลี่ยมมุมบนแท็บใน Firefox คุณสามารถกำหนด UI การออกแบบวัสดุของ Chrome ได้ นอกจากนี้คุณยังสามารถวางปลายโค้งมนบนแถบที่อยู่และแปลงไอคอนแถบเครื่องมือ Firefox เป็นไอคอนการออกแบบวัสดุ วันนี้เราจะแสดงให้คุณเห็นว่าคุณจะได้รับ UI การออกแบบวัสดุของ Chrome ใน Firefox ได้อย่างไร

ก่อนที่จะเปลี่ยนเป็น UI การออกแบบวัสดุ

นี่คือลักษณะแท็บและไอคอนของ Firefox ก่อนที่จะใช้ Material Design UI กับ Firefox:

แท็บสแควร์ใน Firefox ก่อนที่จะใช้ UI การออกแบบวัสดุ

ตอนนี้เราจะใช้ Material Design UI กับ Firefox และรับมุมโค้งมนและไอคอนการออกแบบวัสดุ

ดาวน์โหลดและแตกไฟล์ที่ต้องการ

ดาวน์โหลดไฟล์ซิป MaterialFox เพื่อรับไฟล์ที่ต้องการ

คลิกโคลนหรือดาวน์โหลดบนหน้าเว็บจากนั้นคลิกดาวน์โหลด ZIP บันทึกไฟล์ลงในโฟลเดอร์บนฮาร์ดไดรฟ์ของคุณ

ดาวน์โหลดไฟล์ซิป MaterialFox

แตกไฟล์โดยใช้เครื่องมือแตกไฟล์ใน Windows หรือเครื่องมืออื่นเช่น 7-Zip หรือ WinZip

แตกไฟล์ zip ของ MaterialFox

หากคุณใช้เครื่องมือดึงข้อมูลในตัวของ Windows ให้คลิก หมวด เพื่อเลือกตำแหน่งดาวน์โหลด

ตรวจสอบ แสดงไฟล์ที่คลายบีบอัดเมื่อเสร็จสิ้น เพื่อเปิดหน้าต่างตัวจัดการไฟล์ไปยังโฟลเดอร์ที่ดาวน์โหลดโดยตรงเมื่อการแตกไฟล์เสร็จสมบูรณ์ คลิก สารสกัด.

กล่องโต้ตอบแยก Windows 10

เปิดโฟลเดอร์โปรไฟล์ Firefox ของคุณ

เรากำลังจะคัดลอก โครเมียม โฟลเดอร์จาก MaterialFox ต้นแบบ โฟลเดอร์ที่เราดาวน์โหลด โครเมียม โฟลเดอร์ประกอบด้วย userChrome.css ไฟล์ที่ใช้ในการใช้ Material Design UI กับ Firefox แต่ก่อนอื่นมาตรวจสอบว่าคุณมี โครเมียม โฟลเดอร์และกำหนดเองของคุณ userChrome.css ไฟล์ในโฟลเดอร์โปรไฟล์ Firefox ของคุณ

หากต้องการเปิดโฟลเดอร์โปรไฟล์ของคุณให้พิมพ์ (หรือคัดลอกและวาง) พา ธ ต่อไปนี้ในแถบที่อยู่ใน File Explorer แล้วกด Enter

% appdata% MozillaFirefoxProfiles

วางเส้นทางโปรไฟล์ใน File Explorer

คุณยังสามารถเข้าถึงโฟลเดอร์โปรไฟล์ของคุณได้จากภายใน Firefox

ประเภท: เกี่ยวกับการสนับสนุน ในแถบที่อยู่แล้วกด ป้อน.

หรือคุณสามารถไปที่ เมนู Firefox> วิธีใช้> ข้อมูลการแก้ไขปัญหา และจากนั้นภายใต้ พื้นฐานการใช้งานคลิก เปิดโฟลเดอร์ ข้างๆ โฟลเดอร์โปรไฟล์.

เปิดโฟลเดอร์โปรไฟล์ใน Firefox

โปรไฟล์ Chrome ของคุณเปิดขึ้นในหน้าต่าง File Explorer ใหม่ เปิดหน้าต่างนี้ทิ้งไว้

แก้ไขไฟล์ userChrome.css ที่มีอยู่

หากคุณยังไม่มีโฟลเดอร์ chrome ในโฟลเดอร์โปรไฟล์ให้ข้ามไปยังส่วนถัดไป

หากคุณมี โครเมียม โฟลเดอร์ในโฟลเดอร์โปรไฟล์ของคุณและ userChrome.css ไฟล์ในโฟลเดอร์ chrome จากนั้นเราจะแก้ไขไฟล์ที่มีอยู่ userChrome.css ไฟล์. ด้วยวิธีนี้คุณจะไม่สูญเสียการปรับแต่งใด ๆ ที่คุณได้สมัครไปแล้ว

คน MaterialFox ต้นแบบ โฟลเดอร์ที่คุณดาวน์โหลดมี โครเมียม โฟลเดอร์ที่มี userChrome.css ไฟล์ในนั้น เปิดสิ่งนั้น userChrome.css ไฟล์ในตัวแก้ไขข้อความเช่น Notepad คัดลอกทุกอย่างในนั้นและปิดไฟล์

จากนั้นเปิดของคุณเอง userChrome.css ไฟล์ (ใน โครเมียม โฟลเดอร์ภายในโฟลเดอร์โปรไฟล์ของคุณ) ในโปรแกรมแก้ไขข้อความ วางข้อความที่คุณคัดลอกไว้ท้ายข้อความ userChrome.css ไฟล์และบันทึกและปิดไฟล์

คัดลอกเนื้อหาของไฟล์ MaterialFox userChrome.css

คัดลอกและวางโฟลเดอร์ chrome ที่ดาวน์โหลด

หากคุณยังไม่มี โครเมียม โฟลเดอร์ในโฟลเดอร์โปรไฟล์ของคุณเปิดหน้าต่าง File Explorer ใหม่แล้วเปิด MaterialFox ต้นแบบ โฟลเดอร์ที่คุณแตกออกมา

คัดลอก โครเมียม โฟลเดอร์ใน MaterialFox ต้นแบบ โฟลเดอร์

คัดลอกโฟลเดอร์ chrome ในโฟลเดอร์ MaterialFox

กลับไปที่หน้าต่าง File Explorer โดยเปิดโฟลเดอร์โปรไฟล์ของคุณ

วาง โครเมียม โฟลเดอร์ที่คุณคัดลอกจาก MaterialFox ต้นแบบ โฟลเดอร์ลงในโฟลเดอร์โปรไฟล์ของคุณ

วางโฟลเดอร์ chrome ลงในโปรไฟล์ Firefox ของคุณ

แก้ไขแท็บสีดำและไอคอนที่ดูแปลก

เปิด Firefox เพื่อดูผลลัพธ์ของการตั้งค่า UI การออกแบบวัสดุใหม่

คุณจะสังเกตเห็นว่าแท็บนั้นเป็นสีดำและไอคอนนั้นดูแปลก

แท็บออกแบบวัสดุสีดำใน Firefox

เราจะแก้ไขปัญหานี้โดยใช้การตั้งค่า Firefox

ประเภท: เกี่ยวกับ config ในแถบที่อยู่ Firefox และกด ป้อน. คุณจะเห็นข้อความเตือน

คลิก ฉันยอมรับความเสี่ยง! เพื่อจะดำเนินการต่อ.

ไปที่ about: config ใน Firefox

ประเภท: svg.context ใน ค้นหา กล่อง. การตั้งค่าต่อไปนี้แสดง:

svg.context-properties.content.enabled

การตั้งค่านี้ถูกตั้งค่าเป็น เท็จ โดยค่าเริ่มต้นซึ่งหมายความว่าใช้งานไม่ได้

หากต้องการเปิดใช้งานคุณสมบัติให้ดับเบิลคลิกเพื่อเปลี่ยนค่าเป็น จริง. คุณสามารถคลิกขวาที่การตั้งค่าและเลือก ข้อศอก.

คลิกสองครั้งที่การตั้งค่า svg.context

ตอนนี้สลับไปที่แท็บอื่นหรือรีสตาร์ท Firefox แท็บสีดำและไอคอนที่ดูแปลก ๆ ได้รับการแก้ไขแล้ว

แก้ไขแท็บสีดำใน Firefox

แสดงสีการเน้นของ Windows 10 บนแถบหัวเรื่องของ Firefox

ใน Windows 10 มีสิ่งหนึ่งที่จะเปลี่ยนแปลงอีกถ้าคุณต้องการให้แถบชื่อเรื่องและแท็บที่ไม่ทำงานใน Firefox ไม่เป็นสีดำ

คลิก การตั้งค่า บนเมนูเริ่มและไปที่ การปรับตั้งค่าส่วนบุคคล> สี.

ตรวจสอบ แถบชื่อเรื่องและเส้นขอบหน้าต่าง ใต้กล่อง แสดงสีที่ถูกเน้นบนพื้นผิวต่อไปนี้.

แสดงตัวเลือกสีที่ถูกเน้นใน Windows 10

เพลิดเพลินกับ Material Design UI ใน Firefox

ตอนนี้แท็บมีมุมโค้งมนที่ดีและไอคอนมีลักษณะการออกแบบวัสดุ และแถบชื่อเรื่องและแท็บที่ไม่ใช้งานจะมีสีที่ถูกเน้นคุณเลือกในการตั้งค่า Windows 10

สีที่ถูกเน้นบนแถบหัวเรื่องของ Firefox

ถอนการติดตั้ง Material Design UI จาก Firefox

หากคุณตัดสินใจที่จะกลับไปที่มุมที่คมชัดบนแท็บและไอคอนดั้งเดิมใน Firefox มันเป็นเรื่องง่าย เลือกทำอย่างใดอย่างหนึ่งต่อไปนี้:

  • หากคุณคัดลอก โครเมียม โฟลเดอร์จาก MaterialFox ต้นแบบ โฟลเดอร์ไปยังโฟลเดอร์โปรไฟล์ของคุณลบโฟลเดอร์ chrome
  • หากคุณคัดลอกข้อความจาก userChrome.css ไฟล์ใน MaterialFox ต้นแบบ โฟลเดอร์และวางลงในของคุณเอง userChrome.css ไฟล์เปิดของคุณ userChrome.css ไฟล์และลบข้อความที่คุณวางไว้
0

บทความที่คล้ายกัน

ทิ้งข้อความไว้