☕ T-Dev Cafe Themes — VS Code Coffee Theme Extension

T-Dev Cafe Themes là một tiện ích mở rộng (Extension) chính thức dành cho Visual Studio Code, mang đến bộ 5 theme tối màu được thiết kế tỉ mỉ, lấy cảm hứng từ những hương vị cà phê thượng hạng độc đáo. Khác biệt với các theme đơn sắc thông thường, T-Dev Cafe sở hữu hệ thống màu sắc đa sắc (vibrant & multi-colored) với độ tương phản cao, giúp lập trình viên vừa tận hưởng cảm giác ấm áp, vừa dễ dàng phân biệt cú pháp code để tăng tối đa năng suất làm việc.

🚀 Các Tính Năng Cao Cấp (Premium Features)

Bộ theme được tích hợp đầy đủ những cấu hình cao cấp nhất để mang lại một không gian làm việc hoàn hảo:

🎨 5 Presets Cà Phê Đa Sắc: Từ vị đắng đậm đà của T-Dev Cafe Night, ngọt ngào của T-Dev Mocha Macchiato, vẻ đẹp huyền bí của T-Dev Matcha Lavender, cho đến tông màu dịu mắt của T-Dev Golden Honey Latte.
📟 Đồng Bộ Màu Sắc Terminal (Custom Terminal ANSI Colors): Toàn bộ hệ thống màu chữ trong Terminal tích hợp (xanh, đỏ, vàng, tím, cyan...) được thiết kế riêng biệt để khớp hoàn hảo với tông màu của từng theme.
🎯 Cặp Dấu Ngoặc Phát Sáng (Vibrant Bracket Pair Colorization): Cấu hình màu sắc của các cặp dấu ngoặc nhọn { }, tròn ( ), vuông [ ] lồng nhau phát sáng rực rỡ theo màu chủ đạo của theme, giúp quản lý cú pháp code cực kỳ trực quan.
🔲 Giao Diện Sắc Nét & Tinh Tế (Crispy UI & Borders): Thiết kế đường viền mảnh (border) giữa các khu vực làm việc và hiệu ứng phát sáng mờ (Glassmorphic Selection) khi nhấp chọn hoặc di chuột qua cây thư mục.
☕ Logo Độc Quyền Thiết Kế Riêng: Đi kèm file icon.png biểu tượng ly cà phê tối giản kết hợp ký tự code < > được cấu hình chính thức trong tệp tin extension.

🎨 Bộ 5 Theme Cà Phê Đa Sắc (Vibrant Color Palettes)

Theme	Loại Theme	Nền Editor	Màu Sắc Nhấn (UI)	Hệ Thống Token Đa Sắc
☕ T-Dev Cafe Night	Dark	`#0D0907` (Nâu Espresso)	`#FF2E93` (Hồng Neon)	Hồng Neon, Xanh ngọc lục bảo (`#00F5D4`), Vàng tươi (`#FFEE58`), Tím điện tử (`#9B5DE5`), Xanh biển sáng.
🍵 T-Dev Matcha Lavender	Dark	`#131815` (Xanh rêu thẫm)	`#A78BFA` (Tím Lavender)	Tím Lavender (`#A78BFA`), Xanh Matcha tươi (`#71CF92`), Vàng mật (`#FBBF24`), Xanh lơ dịu (`#60A5FA`), Hồng Lavender (`#F472B6`).
🍮 T-Dev Mocha Macchiato	Dark	`#19120E` (Đen Socola)	`#E58B53` (Cam Caramel)	Cam Caramel ấm (`#E07A5F`), Vàng mật ong (`#F2CC8F`), Xanh nhạt thanh lịch (`#9DBAD2`), Xanh bạc hà (`#81B29A`).
🍓 T-Dev Red Velvet Latte	Dark	`#1E0B0E` (Đỏ Velvet)	`#FF3366` (Hồng dâu Velvet)	Hồng dâu Velvet, Xanh Mint ngọc bích (`#4ADE80`), Vàng hồng (`#FFB4A2`), Tím thạch anh, Trắng hồng mờ.
🍯 T-Dev Golden Honey Latte	Dark	`#1C1A17` (Đen mật ong)	`#F2C94C` (Vàng mật ong)	Vàng mật ong (`#F2C94C`), Cam hổ phách (`#E5A93B`), Xanh lá trà mờ (`#A3BCA9`), Trắng ngà ấm (`#EBE3D5`), Xanh lơ nhạt (`#9DBAD2`).

💻 Hướng Dẫn Chạy & Kiểm Thử Extension (Local Development & Testing)

Để kiểm thử nhanh bộ theme hoạt động thực tế trên phần mềm VS Code của bạn:

Mở dự án: Khởi động VS Code của bạn, nhấn File -> Open Folder... và chọn thư mục dự án d:\A.T-Espresso.
Khởi động chế độ Debug:
- Nhấn phím F5 trên bàn phím (Cấu hình tự động khởi chạy trong .vscode/launch.json sẽ tự động nhận diện).
- VS Code sẽ tự động biên dịch và mở ra một cửa sổ mới có tên là [Extension Development Host].
Kích hoạt theme thử nghiệm:
- Tại cửa sổ mới đó, nhấn tổ hợp phím Ctrl + K rồi nhấn tiếp Ctrl + T (hoặc vào biểu tượng bánh răng cài đặt ở góc dưới cùng bên trái -> chọn Color Theme).
- Hãy chọn theme bạn muốn test: T-Dev Cafe Night, T-Dev Matcha Lavender, T-Dev Mocha Macchiato, T-Dev Red Velvet Latte, hoặc T-Dev Golden Honey Latte.
Trải nghiệm: Hãy mở các file code dự án thực tế của bạn và bật Terminal trong cửa sổ mới này để ngắm nhìn giao diện đa sắc tuyệt đẹp!

📦 Hướng Dẫn Đóng Gói Sử Dụng Cá Nhân / Xuất Bản (Packaging & Distribution)

Nếu bạn muốn đóng gói bộ theme này thành một file cài đặt .vsix để cài sử dụng lâu dài trên VS Code của chính bạn hoặc chia sẻ cho bạn bè:

1. Cài đặt công cụ đóng gói của VS Code

Mở terminal tại thư mục dự án và cài đặt công cụ @vscode/vsce toàn cục:

npm install -g @vscode/vsce

2. Đóng gói Extension

Chạy lệnh sau để tạo file đóng gói cài đặt:

npx vsce package

Lệnh sẽ đóng gói và tạo ra file tệp tin cài đặt có dạng: t-dev-cafe-theme-1.0.0.vsix ở thư mục gốc của dự án.

3. Cài đặt trực tiếp vào VS Code

Để cài đặt file .vsix vừa tạo vào VS Code của bạn, hãy chạy lệnh sau:

code --install-extension t-dev-cafe-theme-1.0.0.vsix

Hoặc mở VS Code lên -> Vào tab Extensions (Ctrl+Shift+X) -> Click dấu ba chấm ở góc trên bên phải -> Chọn Install from VSIX... -> Tìm chọn tệp .vsix vừa tạo.

📂 Cấu Trúc Thư Mục Dự Án

├── .vscode/
│   └── launch.json                  # Cấu hình tự động debug bằng F5
├── themes/
│   ├── espresso-night-theme.json    # Cấu hình màu cho T-Dev Cafe Night
│   ├── golden-honey-theme.json      # Cấu hình màu cho T-Dev Golden Honey Latte
│   ├── matcha-espresso-theme.json   # Cấu hình màu cho T-Dev Matcha Lavender
│   ├── mocha-macchiato-theme.json   # Cấu hình màu cho T-Dev Mocha Macchiato
│   └── red-velvet-theme.json        # Cấu hình màu cho T-Dev Red Velvet Latte
├── icon.png                         # Logo chính thức của Extension
├── package.json                     # Manifest khai báo metadata extension và đăng ký theme
└── README.md                        # Hướng dẫn sử dụng và thông tin dự án

❤️ Credits

Được thiết kế và phát triển với tình yêu cà phê bởi AnhhTuann. Rất mong bộ theme cà phê đa sắc này sẽ mang lại nguồn cảm hứng lập trình ngọt ngào và rực rỡ nhất cho bạn mỗi ngày! ☕✨