ปรับแต่ง theme ให้เหมาะกับเรา บน Visual Studio Code
เบื่อไหมกับหน้าตาเดิมๆของ VS Code บทความนี้จะมาสอนปรับ Theme ของ VS Code ที่เราต้องการกัน
วิธีแรก
กด Ctrl + K + T หรือ ไปที่ File -> Preferences -> Theme -> Color Theme
![](https://www.frevation.com/wp-content/uploads/2023/02/image-22-1024x431.png)
ตัวอย่าง Theme
Dark+ Abyss
![](https://www.frevation.com/wp-content/uploads/2023/02/image-28.png)
![](https://www.frevation.com/wp-content/uploads/2023/02/image-27.png)
Light+ V2
![](https://www.frevation.com/wp-content/uploads/2023/02/image-25.png)
วิธีที่สอง
กด Ctrl + , หรือ ไปที่ File -> Preferences -> Settings
จากนั้นกดปุ่มขวาบนตามรูป
![](https://www.frevation.com/wp-content/uploads/2023/02/image-31-1024x696.png)
เราก็จะมาที่หน้านี้
![](https://www.frevation.com/wp-content/uploads/2023/02/image-29-1024x472.png)
ไปที่ “workbench.colorCustomizations” ถ้าไม่มีให้ทำการพิมพ์เพิ่มขึ้นมา
เมื่อเรากด Ctrl + Space Bar ขึ้นมา จะเห็น settings ดังรูป ซึ่งก็คือ Theme จากข้อแรกนั่นเอง
![](https://www.frevation.com/wp-content/uploads/2023/02/image-30.png)
เราสามารถปรับแต่งข้างใน theme ได้
![](https://www.frevation.com/wp-content/uploads/2023/02/image-26.png)
ตัวอย่าง
![](https://www.frevation.com/wp-content/uploads/2023/02/image-24.png)
ก่อนปรับ หลังปรับ
![](https://www.frevation.com/wp-content/uploads/2023/02/image-23.png)
![](https://www.frevation.com/wp-content/uploads/2023/02/image-21.png)
ผู้เขียน Tanapat Limtemsap
วันที่ 17 กุมภาพันธ์ พ.ศ.2566