Zed Editor ra mắt Theme Builder: Công cụ tùy biến giao diện trực quan cho lập trình viên

Zed Editor, trình soạn thảo mã nguồn hiệu suất cao được viết bằng Rust, vừa giới thiệu một tính năng mới thú vị mang tên Theme Builder. Đây là công cụ cho phép người dùng tùy chỉnh giao diện của editor một cách trực quan và chi tiết, giúp tối ưu hóa trải nghiệm lập trình theo sở thích cá nhân.

Để sử dụng đầy đủ các tính năng của Theme Builder, người dùng cần truy cập Zed từ phiên bản máy tính để bàn (desktop). Hiện tại, công cụ này cung cấp khả năng tùy chỉnh sâu vào các yếu tố thị giác như màu sắc, cú pháp (syntax) và các lớp bề mặt (surface) của giao diện.

Giao diện Theme Builder chế độ tối

Tùy biến chi tiết từng thành phần giao diện

Theme Builder cung cấp bảng điều khiển cho phép người dùng chỉnh sửa màu sắc của hàng loạt thành phần trong editor. Các nhóm tùy chỉnh chính bao gồm:

• Colors (Màu sắc): Thiết lập bảng màu chủ đạo.
• Syntax (Cú pháp): Tùy chỉnh màu sắc cho các từ khóa, biến, hàm và chuỗi trong mã nguồn.
• Surface (Bề mặt): Chỉnh sửa màu nền của các khu vực như nền chính (Background), nền bảng điều khiển (Panel Background), đường thụt lề (Indent Guide) và viền khi được chọn (Focused Border).

Công cụ này cho phép người dùng xem trước thay đổi ngay lập tức. Trong giao diện preview, Zed sử dụng một đoạn mã mẫu viết bằng React và TypeScript (một component MeetingScheduler hài hước) để người dùng dễ dàng kiểm tra cách màu sắc hiển thị với các loại mã khác nhau.

Giao diện Theme Builder chế độ sáng

Quản lý và chia sẻ Theme

Ngoài việc tạo mới, Theme Builder còn hỗ trợ các tính năng quản lý theme linh hoạt:

• Create New Theme: Tạo một theme mới từ đầu.
• Reset: Đặt lại các thiết lập về mặc định.
• Import/Export: Nhập hoặc xuất tệp cấu hình theme, giúp người dùng dễ dàng chia sẻ giao diện yêu thích của mình với cộng đồng hoặc sao lưu trên các thiết bị khác.

Với sự ra mắt của Theme Builder, Zed Editor càng khẳng định vị thế là một công cụ lập trình hiện đại, không chỉ chú trọng hiệu suất xử lý mà còn quan tâm sâu sắc đến trải nghiệm người dùng (UX) và tính thẩm mỹ.