เปลี่ยน Theme GitHub-Default เป็น GitHub-Dark กันเถอะ

“สำหรับ Programmer หรือท่านใดที่ใช้ Git บ่อยๆ ที่รู้สึกเบื่อกับ Theme Default ที่ติดมากับการที่เรา register ตั้งแต่ครั้งแรก แล้วอยากเปลี่ยน Theme แบบ Dark Dark แนะนำบทความนี้เลยครับ”

ก่อนอื่น ต้องบอกเลยว่า Programmer ทั้งหลายก็จะมีอาวุธคู่กายของแต่ละคน
นั่นก็คือ Computer Notebook

และผมเชื่อว่า ในแต่ละวัน หลายๆท่านก็น่าจะอยู่กับมันเป็นสิบๆชั่วโมง แต่เราก็น่าจะ
รู้ดีว่า มันทำให้เราเกิดอาการเมื่อยล้าได้ง่าย พร้อมทั้งทำให้เกิดผลกระทบต่อร่างกาย
ทั้งทางตรงและทางอ้อม มันจะดีกว่ามั้ยถ้าเรามี sulution ที่ดีเพื่อถนอมสายตาเรา…

สำหรับความความนี้ก็จะสอนการติดตั้ง Theme GitHub-Dark บน 2 Browser ที่เราใช้ประจำนั่นก็คือ Safari และ Chrome นะครับ

Safari

ขั้นที่ 1 : Click link : https://github.com/StylishThemes/GitHub-Dark

• พอคลิกเข้าไปก็จะเจอในส่วนของหน้าต่างนี้ ซึ่งก็จะเจอหน้าต่างที่ยังเป็น
  Theme Default on Safari

ขั้นที่ 2 : ให้เราเลื่อนลงมาด้านล่าง

• หากเราเลื่อนลงมาก็จะเจอ Topic : Installing
• จากนั่นก็ให้เรา Click : userstyles.org

ขั้นที่ 3 : คลิกที่ปุ่ม Install Style

• ให้เรามองมายังมุมล่างของหน้าต่าง Safari และให้คลิกที่ปุ่ม “Install Style”

หากเรา Click ปุ่ม Install Style เสร็จแล้วก็ถือว่า Theme GitHub Default ของเราได้ทำการเปลี่ยนเป็น Theme GitHub-Dark เรียบร้อย!!! และเป็นอันเสร็จสิ้นในส่วนของ การติดตั้ง Theme GitHub-Dark ใน Safari

ขั้นที่ 4 : Preview Theme GitHub-Dark on Safari

ขั้นที่ 5 : สำหรับการ Manage Theme GitHub-Dark

• ในขั้นตอนนี้จะพาทำการจัดการธีมนะครับ เช่นการ เปิด-ปิด ง่ายๆ เพียง 4 Step
• Step 1 : ให้เราคลิกที่ปุ่ม “S” บน Toolbar ใน Safari

• Step 2 : ให้เราคลิกปุ่ม “Manage” เพื่อ Manage Theme GitHub-dark ของเรา

• Step 3 : หากต้องการที่จะปิดการทำงานของ Theme ก็ให้คลิกที่ปุ่ม “Disable”

— Preview ในส่วนของปิดการทำงานธีม

• Step 4 : หากต้องการที่จะเปิดการทำงานของ Theme ก็ให้คลิกที่ปุ่ม “Enable”

— Preview ในส่วนของเปิดการทำงานธีม

Chrome

ขั้นที่ 1 : Click Link : https://github.com/StylishThemes/GitHub-Dark

• พอคลิกเข้าไปก็จะเจอในส่วนของหน้าต่างนี้ ซึ่งก็จะเจอหน้าต่างที่ยังเป็น
  Theme Default on Chrome

ขั้นที่ 2 : ให้เราเลื่อนลงมาด้านล่าง

• หากเราเลื่อนลงมาก็จะเจอ Topic : Installing
• จากนั่นก็ให้เรา Click : userstyles.org

ขั้นที่ 3 : คลิกที่ปุ่ม Install Style

• ให้เรามองมายังด้านล่างของหน้าต่าง Chrome และให้คลิกที่ปุ่ม “Install Style”

• หากเราคลิกปุ่ม Install Style แล้ว ก็จะมีหน้าต่าง Alert เด้งขึ่นมา
  ให้เราคลิกปุ่ม “OK” เพื่อ ​Install ‘GitHub Dark’ ใน Stylish

• หากเราคลิกปุ่ม “OK” แล้ว ก็จะมีหน้าต่าง Alert เด้งขึ่นมาอีกครั้ง ก็ให้เราคลิกปุ่ม “OK” อีกครั้ง เพื่อ Install ‘GitHub Dark’ ใน Stylus

หากเรา Click ปุ่ม “OK” เสร็จแล้วก็ถือว่า Theme GitHub Default ของเราได้ทำการเปลี่ยนเป็น Theme GitHub-Dark เรียบร้อย!!! และเป็นอันเสร็จสิ้นในส่วนของ การติดตั้ง Theme GitHub-Dark ใน Chrome

ขั้นที่ 4 : Preview Theme GitHub-Dark on Chrome

ขั้นที่ 5 : สำหรับการ Manage Theme GitHub-Dark

• ในขั้นตอนนี้จะพาทำการจัดการธีมนะครับ เช่นการ ปิด-เปิด ง่ายๆ เพียง 2 Step
• Step 1 : ปิดการทำงาน
  - คลิกที่ปุ่ม “S” ที่อยู่บน Toolbar ใน Chrome
  - และให้ทำการ Click ที่ปุ่ม เพื่อปิดการทำงานธีม

• Step 2 : เปิดการทำงาน
  - คลิกที่ปุ่ม “S” ที่อยู่บน Toolbar ใน Chrome
  - และให้ทำการ Click ที่ปุ่ม เพื่อเปิดการทำงานธีม

================== Before ==================

================== After ==================

ขอบคุณทุกท่านที่เข้ามาอ่านนะครับ หากผิดพลาดประการใดต้องขอภัยด้วยนะครับ

#GitHub #GitHubDark #ThemeGitHub #Themes #Git