Bạn đã bao giờ muốn tùy chỉnh màn hình nền Linux của mình, nhưng không thể tìm thấy một chủ đề hoàn hảo?
Nếu Cinnamon là môi trường máy tính để bàn hiện tại của bạn, thì việc tạo chủ đề của riêng bạn rất dễ học. Bạn cũng không cần bất kỳ công cụ đặc biệt nào - một trình soạn thảo văn bản thông thường có đánh dấu cú pháp sẽ hoạt động tốt.
Cinnamon đã đi một chặng đường dài kể từ khi nó xuất hiện lần đầu tiên vào năm 2011 với tư cách là một nhánh của Gnome Shell. Nó từng phụ thuộc vào Gnome để hoạt động bình thường, nhưng ngày nay nó là một môi trường máy tính để bàn hoàn chỉnh, độc lập với bộ ứng dụng cơ bản của riêng nó. Hướng dẫn nhanh này dựa trên Cinnamon 2.4 đi kèm với bản phát hành Linux Mint mới nhất (phiên bản 17.1 "Rebecca"), nhưng chủ đề của chúng tôi sẽ tương thích với bất kỳ bản phân phối Linux nào chạy Cinnamon.
Hiểu chủ đề về quế
Các chủ đề về Cinnamon vừa đơn giản vừa phức tạp. Nghe có vẻ ngược đời đúng không? Chúng đơn giản vì toàn bộ chủ đề được viết bằng CSS, nhưng phức tạp vì tệp chủ đề rất lớn và không được ghi chép đầy đủ. Đối với hầu hết các phần, bạn có thể suy ra các quy tắc nào sửa đổi phần tử màn hình nào, nhưng đối với một số phần, bạn sẽ phải trải qua quá trình thử và sai. Dự kiến bạn đã quen với CSS trước khi thử điều này, nhưng nếu bạn chưa biết, đừng lo lắng - bạn có thể nhanh chóng học CSS trực tuyến với các hướng dẫn hữu ích.
Điều quan trọng cần lưu ý là các chủ đề Cinnamon không thay đổi đường viền cửa sổ, nút hoặc bất kỳ thành phần ứng dụng nào khác. Các đối tượng này được điều khiển bởi các chủ đề GTK mà bạn phải tải xuống riêng. Bản thân chủ đề Cinnamon chỉ ảnh hưởng đến Menu Mint, bảng điều khiển, chú giải công cụ, thông báo, applet và một số hộp thoại.
Bắt đầu
Nói chung, có hai cách để tạo chủ đề Cinnamon:viết mã từ đầu hoặc sử dụng chủ đề hiện có làm mẫu. Chúng tôi sẽ theo cách tiếp cận thứ hai vì nó dễ dàng hơn nhiều. Đừng quên kiểm tra các giới hạn giấy phép nếu bạn quyết định phân phối lại chủ đề đã sửa đổi. Thường là đủ để liên hệ với tác giả và xin phép.
Trước khi đi sâu vào CSS, bạn nên có một kế hoạch chính xác những gì bạn muốn thay đổi. Trong ví dụ này, chúng tôi sẽ thay đổi kích thước đồng hồ kỹ thuật số, thay đổi phông chữ và màu nền của menu, đồng thời làm cho bảng điều khiển trong suốt. Để đảm bảo rằng chủ đề mới của bạn dễ nhìn, bạn có thể sử dụng các công cụ trực tuyến miễn phí để xây dựng các bảng phối màu.
Đừng quên rằng một số thay đổi có "phụ thuộc". Nếu bạn thay đổi nền bảng điều khiển từ tối sang trắng, bạn cũng sẽ phải thay đổi màu sắc của các nút bảng điều khiển và các ứng dụng phụ. Nếu không, chúng có thể ẩn trong chủ đề mới của bạn vì chúng có màu trắng trên bảng điều khiển tối trước đó. Nếu bạn muốn tạo một chủ đề tối, hãy khôn ngoan và bắt đầu với một mẫu đã có màu tối.
Chọn Mẫu
Một lựa chọn tốt là chủ đề Cinnamon mặc định, có sẵn trên các trang GitHub của dự án. Cộng đồng devantART tạo ra các chủ đề Cinnamon tuyệt vời và bạn có thể tải xuống nhiều chủ đề khác từ trang Linux Mint Spices chính thức và Gnome-Look.org trung thành cũ.
Nếu bạn muốn sử dụng các chủ đề mặc định, chúng có trong
/home/$USERNAME/.themeshoặc
/usr/share/themes. Các chủ đề nằm trong thư mục sau ảnh hưởng đến các ứng dụng được chạy bởi tất cả người dùng (bao gồm cả gốc), trong khi những ứng dụng trong
/home/$USERNAMEthư mục chỉ áp dụng cho một người dùng. Tôi khuyên bạn nên giữ chủ đề đang tiến hành trong
của bạn/homedanh mục. Sau khi hoàn tất, bạn chỉ có thể liên kết biểu tượng nó bằng lệnh sau:
sudo ln -s /home/username/.themes/ThemeName /usr/share/themes/ThemeNameBạn sẽ nhận thấy rằng một số chủ đề chứa các thư mục con có tên "gtk-2.0" và "gtk-3.0". Điều này có nghĩa là chúng bao gồm các chủ đề GTK cùng với chủ đề Cinnamon. Tuy nhiên, bạn chỉ cần thư mục "quế".
Có thể có các thư mục con trong đó - chúng chứa nội dung, hình ảnh nhỏ có thể được sử dụng để tạo kiểu cho các phần tử màn hình. Ví dụ:Menu Mint của bạn có thể có hình nền và bạn sẽ giữ nó trong một trong các thư mục con này. Chúng tôi cần tệp có tên "innamon.css "và bây giờ là lúc để mở tệp đó.
Cấu trúc Chủ đề
Tôi đang sử dụng "Linux Mint", một trong những chủ đề mặc định. Đó là một tệp CSS khá dài. May mắn thay, các nhận xét trong mã cung cấp một ý nghĩa định hướng. Họ chia mã thành các phần, mỗi phần tương ứng với một phần tử máy tính để bàn. Một số phần là:
- PopupMenu (popupMenu.js):sửa đổi tất cả các menu bật lên, menu bảng điều khiển nhấp chuột phải và menu chính;
- Bảng điều khiển (panel.js):tự giải thích;
- Desklet (tablelet.js) cho các widget trên máy tính để bàn và Applet (applet.js) cho các widget trên panel;
- Kính nhìn:sửa đổi giao diện gỡ lỗi đồ họa (kính trông như quế);
- Trình đơn (menu.js): chỉ ảnh hưởng đến menu chính (MintMenu);
- Danh sách cửa sổ (windowList.js):áp dụng cho danh sách các cửa sổ đã mở trong bảng điều khiển.
Sửa đổi chủ đề quế
Chúng tôi sẽ thực hiện một vài thay đổi nhỏ chỉ để cho biết cách thực hiện. Khi bạn đã thoải mái hơn với việc chỉnh sửa CSS, bạn có thể sửa đổi nhiều phần tử cùng một lúc và tạo nội dung mới để biến đổi hoàn toàn bất kỳ chủ đề Cinnamon nào. Đây là phiên bản "trước đây" của chúng tôi:
Thay đổi độ trong suốt và màu nền của bảng điều khiển
Trong tệp "innamon.css ", hãy tìm dòng bắt đầu bằng
#panel.
Chúng tôi sẽ thay thế gradient bằng một màu đồng nhất và một số trong suốt. Xóa các mục nhập:
background-gradient-start
background-gradient-end
background-gradient-directionvà thêm
background-color: rgba(152,13,13,0.6);để có được điều này:
Bằng cách khai báo màu ở định dạng RGBa, chúng tôi giúp bạn dễ dàng thay đổi màu sắc và độ trong suốt chỉ trong một lần. Số cuối cùng trong ngoặc là giá trị trong suốt; 0 là hoàn toàn trong suốt và 1 là hoàn toàn không trong suốt.
Bảng điều khiển Cinnamon được chia thành ba khu vực (trái, giữa, phải). Có một cài đặt đặc biệt để thay đổi màu đánh dấu của từng khu vực khi kéo một applet mới vào đó. Bạn có thể điều chỉnh điều này bằng cách sửa đổi các giá trị trong
#panelLeft:dnd,
#panelRight:dndvà
#panelCenter:dnd.
Thay đổi Màu, Độ trong suốt và Phông chữ của Menu Chính
Menu chính được điều khiển bởi hai phần:"PopupMenu" và "Menu". Những thay đổi trong cái đầu tiên ảnh hưởng đến tất cả các menu bật lên. Phần "Menu" chứa các tùy chọn cho Mục ưa thích, Danh mục, Địa điểm và hộp tìm kiếm. Đó là lý do tại sao chúng ta phải thay đổi màu sắc và độ trong suốt trong
.popup-menu-boxpointer.
Tôi đã sao chép giá trị RGBa của bảng điều khiển mới của chúng tôi và thêm nó sau
-arrow-background-color:, đã tăng chiều rộng đường viền lên 2px và thay đổi màu đường viền thành màu xám. Để thay đổi phông chữ, tôi đã sửa đổi
font-familygiá trị ở đầu tệp "innamon.css ". Điều này ảnh hưởng đến toàn bộ chủ đề, nhưng có thể được điều chỉnh riêng cho một số yếu tố. Chúng tôi đã đi từ điều này:
về điều này:
Làm cho Đồng hồ kỹ thuật số trên Bảng điều khiển Lớn hơn
Đồng hồ là một ứng dụng bảng điều khiển, nhưng không giống như Danh sách cửa sổ và Lịch, nó không có cài đặt giao diện riêng được xác định trong tệp chủ đề. Bạn sẽ phải sửa đổi cài đặt "Applet" chung và điều đó sẽ ảnh hưởng đến kích thước của văn bản nút menu, cùng với bất kỳ applet bảng điều khiển nào khác không thể điều chỉnh riêng.
Để làm cho đồng hồ lớn hơn, hãy tìm
.applet-labelvà tăng
font-sizegiá trị. Tại đây, bạn có thể ghi đè cài đặt phông chữ mà chúng tôi đã thêm trước đó cho menu chính bằng cách thay đổi
font-familygiá trị. Trong ví dụ này, tôi đã thay đổi đồng hồ thành phông chữ sans-serif, trong khi các menu bật lên vẫn giữ lại phông chữ serif.
Để sửa đổi giao diện của ứng dụng Lịch (mà bạn truy cập bằng cách nhấp vào đồng hồ), hãy tìm trong phần "Ứng dụng ngày". Ví dụ,
.datemenu-date-labelcho phép bạn thay đổi kích thước, màu sắc và phông chữ của văn bản ở đầu ứng dụng lịch (trong hình này, đó là "Chủ nhật ngày 8 tháng 3 ...").
Phiên bản "sau" rõ ràng không phải là chủ đề đẹp nhất đang tồn tại, nhưng nó cho thấy những thay đổi mà chúng tôi đã thực hiện.
Nút và đồng hồ "Menu" lớn hơn, màu sắc được thay đổi và phông chữ khác. Bước tiếp theo sẽ là tinh chỉnh các yếu tố ít nổi bật hơn của giao diện, như hộp thoại chạy, hộp thoại kết thúc phiên hoặc thông báo.
Kiểm tra và Tìm hiểu thêm
Bạn có thể xem trước trực tiếp các thay đổi của mình nếu bạn đặt các tệp chủ đề vào
/home/$USERNAME/.themes/ThemeNamevà đặt chủ đề đó thành hoạt động trong
All Settings - Themes - Desktophộp thoại.
Nếu các thay đổi không hiển thị ngay lập tức, hãy khởi động lại Cinnamon bằng cách nhấn Alt + F2 để hiển thị hộp thoại Run, nhập r và nhấn Enter . Tất nhiên, bạn có thể chỉnh sửa mọi thứ trước, sau đó áp dụng chủ đề mới và kiểm tra xem có điều gì cần sửa hay không.
Ngoài các hướng dẫn cơ bản này, bạn có thể tìm thấy lời khuyên về chủ đề Cinnamon trên các diễn đàn Linux Mint. Ở đó, bạn có thể nhận được phản hồi từ người dùng và những người tạo chủ đề khác. Cũng như nhiều hoạt động sáng tạo khác, thực hành sẽ tạo nên sự hoàn hảo, vì vậy bạn càng tạo (hoặc chỉnh sửa) nhiều chủ đề, nó càng trở nên dễ dàng hơn và bạn sẽ "hiểu hết về CSS đó, không có vấn đề gì". Hy vọng rằng nhóm phát triển Cinnamon sẽ sớm cung cấp tài liệu chính thức, chi tiết về chủ đề.