Material Theme UI là 1 Color Scheme plugin (giao diện hiển thị) được phát triển cho các sản phẩm của Jetbrains như IntelliJ IDEA (Java IDE), PhpStorm (PHP IDE). Nó được thiết kế theo phong cách Material Design được Google giới thiệu và phát triển. Các thiết kế sử dụng Material Design theo xu hướng phẳng, đơn giản, hài hòa màu sắc…, là 1 Color Scheme plugin (giao diện hiển thị) được phát triển cho các sản phẩm của Jetbrains như IntelliJ IDEA (Java IDE), PhpStorm (PHP IDE). Nó được thiết kế theo phong cách Material Design được Google giới thiệu và phát triển. Các thiết kế sử dụng Material Design theo xu hướng phẳng, đơn giản, hài hòa màu sắc…, Show Plugin hiện tại đang hỗ trợ các sản phẩm của Jetbrains bao gồm:
Hướng dẫn cài đặt giao diện Material Theme UITrong bài viết này VinaSupport hướng dẫn các bạn cài đặt trên sản phẩm PHPStorm IDE, các sản phẩm khác của Jetbrains cách cài đặt tương tự. 1. Cài đặt plugin Material Theme UIBước 1: Trên PHPStorm -> [ File ] -> [ Settings ] để mở cửa sổ Settings: Trên PHPStorm -> [ File ] -> [ Settings ] để mở cửa sổ Settings Bước 2: Trên cửa sổ [ Settings ] của PHPStorm: Trên cửa sổ [ Settings ] của PHPStorm Chọn [ Plugins ] -> [ Browser Repositories ] để mở cửa sổ [ Repositories ], cửa sổ này chứa danh sách các plugin được hỗ trợ bở Jetbrains và các bên thứ 3Plugins ] -> [ Browser Repositories ] để mở cửa sổ [ Repositories ], cửa sổ này chứa danh sách các plugin được hỗ trợ bở Jetbrains và các bên thứ 3  Bước 3: Trên cửa sổ [ Repositories ] tìm kiếm với từ khóa “Material Theme UI”: Trên cửa sổ [ Repositories ] tìm kiếm với từ khóa “Material Theme UI” -> Chọn plugin có tên là “Material Theme UI” => Bấm vào nút Install như hình bên dưới.Material Theme UI” => Bấm vào nút Install như hình bên dưới. Bước 4: Kết quả là bạn đã cài đặt thành công => Bấm [ Restart PhpStorm ] để khởi động lại IDE: Kết quả là bạn đã cài đặt thành công => Bấm [ Restart PhpStorm ] để khởi động lại IDE 2. Kích hoạt giao diện Material Theme UISau khi Restart IDE, giao diện cài đặt theme sẽ được hiển thị. Bước 1: Chọn [ NEXT: THEMES ]: Chọn [ NEXT: THEMES ] Bước 2: Chọn loại UI Theme -> Ở đây mình chọn Theme là Darker: Chọn loại UI Theme -> Ở đây mình chọn Theme là Darker Bước 3: Chọn chế độ Constrast Modes -> Chọn High Constrast: Chọn chế độ Constrast Modes -> Chọn High Constrast Bước 4: Tùy chọn Accent Color -> Để mặc định: Tùy chọn Accent Color -> Để mặc định Bước 5: Tùy chọn “Other useful settings” -> Để mặc định: Tùy chọn “Other useful settings” -> Để mặc định Bước 6: Bấm [ START USING PHPSTORM ] để trải nghiệm giao diện mới: Bấm [ START USING PHPSTORM ] để trải nghiệm giao diện mới Kết quả bạn có giao diện Material Theme UIMaterial Theme UI Nguồn: vinasupport.com |
