Intro

เนื่องจาก keycap ที่ผมอยากได้มากๆ GMK Dracula ได้ถึงมือเรียบร้อยและทำการลงบอร์ดแล้ว
ผมจึงจะมาทำการเล่าสู่กันฟังว่า color scheme ที่ชื่อว่า Dracula นี้มันมีที่มาอย่างไร
รวมไปถึงการ review ด้วยว่าผู้ใช้ Dracula Pro มีอะไรพิเศษ

Origin story

โดยย่อๆคือ วันที่ 12 ตุลาคม 2013 คุณ Zeno Rocha ผู้ออกแบบ color scheme
นี้เป็นโรคตับอ่อนอักเสบในขณะที่กำลังเดินทางไปประชุมที่สเปน
ในวันหนึ่งขณะที่กำลังรักษาตัวอยู่นั้นแกโดนขโมย laptop ไปดื้อๆเลยในโรงพยาบาลนั่นล่ะครับ
เพื่อนร่วมงานคนหนึ่งของแกเลยซื้อเครื่องใหม่ให้ แต่ปัญหาก็คือต้องลงทุกอย่างใหม่หมด
ด้วยความที่ว่าต่างโปรแกรมแกก็ใช้ color scheme ต่างกัน
แกเลยคิดว่างั้นก็ทำใช้เองแล้วให้มันครอบคลุมไปได้ทุกโปรแกรมเลยแล้วกัน

First Dracula

วันที่ 27 ตุลาคม 2013 Dracula commit แรกใน github
เริ่มต้นจาก ZSH theme แล้วก็ลามไป iTerm, Terminal.app, Sublime Text, Textmate ในวันนั้นทันที
หลังจากที่แก tweet ปั๊บ community ก็ตอบรับและเริ่มช่วยกันทำให้ color scheme นี้แพร่หลายออกไปในหลายๆโปรแกรม

Why so poppular?

เนื่องจาก project นี้เป็น open source ภายใต้ MIT License แถมแกยังเขียน spec ไว้ให้อย่างครบถ้วน และสีก็ถือว่าจัดจ้านพอสมควรในสมัยนั้น จึงเป็นที่ชื่นชอบของเหล่า dev มากๆครับ
หลังจากนั้นก็มี application มากมายที่สามารถใช้ Dracula theme ได้เพียบไปหมด
รวมไปถึง keycap อย่าง GMK Dracula ด้วยครับ

ผู้ใดสนใจอยาก contribute ด้วยก็ตาม link ไปเลยครับ

Why Dracula Pro?

สีของ Dracula Pro ถูกออกแบบใหม่นิดหน่อยโดยคำนึงถึงทฤษฎีสีและใช้คณิตศาสตร์เข้าช่วยด้วย
ซึ่งโดยส่วนตัวผมแล้วนั้นรู้สึกว่ามันสบายตามากขึ้นกว่าปกติครับ รายการอื่นๆก็ดังนี้

  • มีสีให้เลือกเพิ่มเป็น flavor ต่างกัน 6 สี
  • video ที่คุณ Zeno แกมาขอบคุณและเล่าเรื่อง Dracula Pro
  • theme ในหลายๆโปรแกรม
  • icons ที่ถูกออกแบบให้เป็น theme แบบ Dracula ของหลายโปรแกรม
  • fonts ที่แกเลือกมาให้ 4 fonts โดยเป็น built-in ligature support ทั้งหมด
  • design โดยให้มา 3 format คือ adobe, figma, sketch
  • หนังสือที่แกเขียน ชื่อว่า “14 habits of highly productive developers”
  • audio book ของหนังสือ “14 habits of highly productive developers”

GMK Dracula

ออกแบบโดย pikku-allu โดยตอนแรกก็ตั้งใจให้สีมันเป็นออก dark greyish blue tones โดยมี alphas เป็น dark blue-purple-gray
เป็นไงครับแค่อ่านก็ยากแล้ว เรื่องการทำ color matching ของ keycap ก็ไม่ต้องสืบครับเรียกได้ว่าสีเพี้ยนเห็นๆ
กว่าสีจะลงตัวกว่าจะผลิต แถมติดช่วง covid อีก ลากไปยาวๆ 2 ปีเลย
แต่ถ้าถามผมว่าเข้ากับสีของ Dracula ปกติไหม ผมว่ามันกลมกลืนและสวยใช้ได้เลยครับ
ลองเปรียบเทียบระหว่าง render ของ R1 และ R2 ที่ปรับให้สีเป็นแบบที่ผลิตแล้วดูก็แล้วกันครับ

Render R1

Render R2

On my keyboard

Dracula vs Dracula Pro

Dracula on VSCode

Dracula Pro on VSCode

Dracula on iTerm

Dracula Pro on iTerm

Bonus Cat!

น้องส้มส้ม ผู้เป็นแมวจรที่เนียนมาอยู่บ้านนี้หน้าตาเฉย
ตอนเด็กอยู่ดีๆก็เคยหายไปแล้วกลับมาใหม่พร้อมปลอกคอ 555
ตอนนี้เป็นแมวบ้านโดยถาวรแล้วครับ