
TL;DR
- Monokai Pro
- Tokyo Night: VSCode, nvim
- Catpuccin: VSCode + Icon
- Rosé Pine: VSCode
- Others: Cobalt2, GitHub, Nord, Dracula
ผมเป็นคนที่ชอบธีมสีที่เห็นความแตกต่างชัดเจนระหว่าง function, variables วงเล็บ รวมถึงรายละเอียดต่าง ๆ ที่ทำให้เราโฟกัสที่โค้ดได้ง่ายไม่ต้องเพ่งให้ปวดตามาก
โดยธีมเหล่านี้ผ่านการคัดสรรและนำมาใช้จริง ซึ่งพิสูจน์มาแล้วว่ามันสบายต่อสายตาเป็นที่สุดและไม่ปวดตาเวลาทำงานไป รับรองโดยผมเองฮ่า ๆ
บล็อกนี้จะมาแชร์ Theme VSCode ที่ผมชอบใช้ประจำมีทั้ง Light/Dark ให้เลือกครับ
Monokai Pro

ผมใช้ Monokai มาตั้งแต่เริ่มเขียน Php ใน Sublime มันเป็นธีมที่ไม่น่าเบื่อ เห็นพวก syntax ชัดเจนดีมากแถมติดตั้งมาเป็น default ในหลาย text editor

จนจับพลัดจับผลูไปเจอเวอร์ชัน Pro แต่พอลองดาวน์โหลดตัว Proมาทดลองใช้ดู ปรากฏว่าติดใจมาก ชอบสีที่เลือกมาได้ดีมากทำให้อ่านโค้ดได้ง่าย สบายตาไม่น่าเบื่อเหมือนเดิม

เพิ่มเติม ณ ตอนที่เขียนนี้มีการอัพเดทเพิ่มเข้ามาเป็น Light Theme ซึ่งทำได้สวยมาก


หรือถ้าอยากดูภาพรวมทั้งหมดผมทำ gif มาให้ครับลองเสพกันได้ มีทั้ง Monokai ปกติและ Pro filter ต่าง ๆ

Monokai Pro มีให้ดาวน์โหลดและลองใช้ได้ใน VSCode และ Sublime ครับ สนใจอ่านรายละเอียดเพิ่มเติมได้ที่ https://monokai.pro/
Tokyo Night
ธีมนี้อธิบายถึงบรรยากาศ Tokyo ในตอนกลางคืนได้ดีมาก ตั้งแต่สีสัน บรรยากาศโดยรอบ มีทั้ง Light/Dark ครับ
ผมชอบธีมที่รองลงมาจาก Monokai Pro เวลาเบื่อ ๆ สลับมาธีมนี้

แถมมีพวก Color Palette เผื่อใครสนใจจะเอาไปใช้ต่อหรือบ้าพลังไปทำอะไรตามสะดวกครับ
ใครสนใจสามารถดาวน์โหลดได้ที่ https://github.com/tokyo-night/tokyo-night-vscode-theme
Catppuccin

ธีมที่มีมาสคอตเป็นน้องแมวสุดน่ารักและมีปรัชญาการออกแบบที่กล่าวว่า
- Colorful is better than colorless → มีสีสันดีกว่าไม่มี
- There should be balance → ไม่มืดเกิน ไม่สว่างเกิน ต้องเหมาะสมกับสภาพแวดล้อมและแสงที่ต่างกันได้
- Harmony is superior to dissonance → ต้องกลมกลืนและส่งเสริมซึ่งกันและกัน

แค่อ่านปรัชญาผมก็พร้อมบอกทันทีว่า SHUT UP AND TAKE MY MONEY
ธีมนี้มีแต่ละแบบที่เหมาะกับสภาพแวดล้อมของการทำงานเรา ไม่ว่าจะเป็น
- ตอนกลางวันที่สว่างมาก
- ตอนกลางคืนแต่ยังพอมีแสง
- ตอนมืดที่ไม่ต้องการความจ้ามาก
- อีกสีหนึ่งผมก็ไม่รู้แต่ก็ดูดีครับ อวยไว้ก่อน

ลองดู Preview แต่ละเฉดสีกันดีกว่า

แถมมี Icon น่ารักที่เข้ากันกับธีมให้ด้วยชื่อว่า Catppuccin Icons for VSCode

แค่นี้ยังไม่พอ เขามี style guide ให้ด้วยว่าถ้าจะไปโมเองต้องทำอย่างไร ถือว่าเป็นอีกธีมที่ดีไม่แพ้ธีมอื่นที่กล่าวมา ใครเป็นทาสแมวและชอบสีพาสเทลอย่าลืมไปลองกันครับ
ใครสนใจสามารถไปตามต่อได้ที่ 👇
GitHub - catppuccin/catppuccin: 😸 Soothing pastel theme for the high-spirited!
Rosé Pine

อีกธีมหนึ่งสำหรับสาย Minimalist ที่ไม่ชอบสีฉูดฉาด คลีน classic นิด ๆ คงจะหนีไม่พ้นธีม Rosé Pine
สำหรับ variant ที่ผมชอบในธีมนี้คือ Rosé Pine Moon ครับ ส่วนตัวรู้สึกว่าเวลามองแล้วไม่ต้องเพ่งดีแต่ก็ต้องเพ่งนิดหน่อยแต่ดีกว่า variant อื่นผมว่ามันกลืนกับพื้นหลังมากไปหน่อย

ลองไปดู Preview แต่ละแบบกันครับ

อีกหนึ่งความดีงามของธีมนี้คือ Community port ไปให้กับแอพพลิเคชันต่าง ๆ มากมาย เช่น VSCode, Discord, Slack และอื่น ๆ อีกมากมาย ลองไปดูต่อกันได้ว่ามีสิ่งที่ท่านต้องการหรือเปล่า

ธีมนี้ support ทั้ง Light/Dark ครับ ใครสนใจไปดาวน์โหลดต่อได้เลยครับที่ลิงค์ด้านล่าง 👇
ธีมอื่นล่ะ?
นอกจากนี้มีธีมอื่นที่ผมไม่ได้นำขึ้นมาเพราะลองใช้แต่ไม่ถูกใจ บ้างก็อ่านยากแบบต้องเพ่งบ้าง บ้างก็ใช้จนชินจึงไม่ได้ยกขึ้นมา แต่ว่าเผื่อใครชอบจะได้เป็นทางเลือกครับ จะมีพวก Cobalt2, GitHub, Nord, Dracula
หากท่านใดมีธีมอื่นเพิ่มเติมที่น่าสนใจสามารถนำมาแชร์กันได้ครับ
Theme ที่ดีที่สุดของ VSCode ในปีนี้ was originally published in Ayuth’s Story on Medium, where people are continuing the conversation by highlighting and responding to this story.