เปลี่ยนชุดรูปแบบสีเริ่มต้นของเบราว์เซอร์ Vivaldi

เรากำลังเริ่มครอบคลุมการปรับแต่งเบราว์เซอร์ Vivaldi ต้องขอบคุณ UI ของเบราว์เซอร์ที่ใช้ HTML คุณจึงปรับแต่งได้อย่างที่ไม่เคยเป็นมาก่อน เราจะเริ่มต้นด้วยชุดรูปแบบสีเริ่มต้นของเบราว์เซอร์ หากคุณสนใจที่จะทราบวิธีการเปลี่ยนสีเบราว์เซอร์ Vivaldi อ่านต่อ

อันดับแรก เราต้องสร้างไฟล์พิเศษเพื่อจัดเก็บการปรับแต่งทั้งหมดของเรา

แนบไฟล์ CSS ของตัวเองกับเบราว์เซอร์ Vivaldi

เป็นไปได้ที่จะสร้างไฟล์ CSS ของเราเองด้วยการปรับแต่งและแนบไปกับไฟล์ต่อไปนี้:
Vivaldi\Application\[เวอร์ชัน เช่น 1.0.94.2]\resources\vivaldi\browser.html

มักจะตั้งอยู่

• ใน Windows XP - C:\Documents and Settings\\Local Settings\Application Data\Vivaldi\Application
• ใน Windows Vista และใหม่กว่า - C:\Users\\Appdata\Local\Vivaldi\Application

เพิ่มบรรทัดใหม่ด้วยข้อความต่อไปนี้:

เพิ่มหลังบรรทัดต่อไปนี้:

ดังนั้นคุณจะได้รับ:

ตอนนี้สร้างไฟล์ข้อความใหม่ด้วย Notepad แล้วตั้งชื่อเป็น custom.css. คุณสามารถบันทึกชั่วคราวบนเดสก์ท็อปเพื่อความสะดวกของคุณ

เปลี่ยนชุดรูปแบบสีของเบราว์เซอร์ Vivaldi

หากต้องการเปลี่ยนชุดรูปแบบสีของเบราว์เซอร์ Vivaldi ให้เพิ่มเนื้อหาต่อไปนี้ในไฟล์นั้น (คุณสามารถคัดลอกและวางตัวอย่างด้านล่าง):

#header{สีพื้นหลัง:#1F262A} .toolbar.toolbar-addressbar{background-color:#1F262A} #tabs .tab.active{background-image:#1F262A} #tabs.tab-stacking-tooltip .tab.active .tab-group-indicator .tab-indicator.active{พื้นหลัง-สี:#1F262A} .favicon-current-background-color{background-color:#1F262A} .favicon-current-color{color:#1F262A} .favicon-current-border-color{border-color:#1F262A}. #browser.popup{background-color:#1E1E1E} #tabs-container.left,#tabs-container.right{background-color:#1F262A} #tabs .แท็บ: ไม่ (.active): โฮเวอร์{background-color:#1E1E1E!important} #tabs .tab: not(.active){background-color:#1F262A!important; สี:#FFFFFF!important}

ซึ่งจะกำหนดสีของอินเทอร์เฟซใหม่สำหรับแท็บ แถบเครื่องมือ และกรอบหน้าต่าง คุณสามารถเล่นกับสี html เหล่านี้เพื่อทำให้สีเหล่านี้ดูดียิ่งขึ้น หลังจากที่คุณเลือกสีที่เหมาะสมแล้ว ให้ปิด Vivaldi แล้วย้าย custom.css ไปยังโฟลเดอร์เดียวกับที่ your browser.html ไฟล์ตั้งอยู่

ก่อน:

หลังจาก:

คุณทำเสร็จแล้ว!