mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-29 21:41:00 +08:00
174 lines
7.4 KiB
Markdown
174 lines
7.4 KiB
Markdown
|
[#]: subject: "Customize GNOME Desktop in Ubuntu with a Clean Look"
|
|||
|
[#]: via: "https://www.debugpoint.com/customize-gnome-clean-look-2022-1/"
|
|||
|
[#]: author: "Arindam https://www.debugpoint.com/author/admin1/"
|
|||
|
[#]: collector: "lkxed"
|
|||
|
[#]: translator: " "
|
|||
|
[#]: reviewer: " "
|
|||
|
[#]: publisher: " "
|
|||
|
[#]: url: " "
|
|||
|
|
|||
|
Customize GNOME Desktop in Ubuntu with a Clean Look
|
|||
|
======
|
|||
|
|
|||
|
**This tutorial gives you some easy steps to customize GNOME Desktop with a clean look with minimal effort. Here’s how.**
|
|||
|
|
|||
|
If you are bored with the usual look of your favourite GNOME Desktop, then you are on the right page. Let’s install some themes icons and do some tweaks to uplift your desktop. We will transform this below desktop (GNOME 40.5 with Ubuntu 21.10).
|
|||
|
|
|||
|
![Ubuntu Desktop with GNOME - Before Customization][1]
|
|||
|
|
|||
|
Ubuntu Desktop with GNOME – Before Customization
|
|||
|
|
|||
|
This customization session will use the great-looking Colloid GTK theme, Mkos-Big-Sur icons, a cool cursor theme with additional extensions, and Conky.
|
|||
|
|
|||
|
### Customize GNOME Desktop and uplift it with a Clean Look
|
|||
|
|
|||
|
#### Installation
|
|||
|
|
|||
|
- First, setup the GNOME Shell Extenstion by running the following command from the terminal.
|
|||
|
|
|||
|
```
|
|||
|
sudo apt install chrome-gnome-shell
|
|||
|
```
|
|||
|
|
|||
|
- Then[open this page][2] and add the plugin to your browser (Chrome/Firefox) for GNOME Extension.
|
|||
|
|
|||
|
![Add Browser Add-on for GNOME Shell Extension][3]
|
|||
|
|
|||
|
Add Browser Add-on for GNOME Shell Extension
|
|||
|
|
|||
|
- Install the Extensions Flatpak application which you may need to change settings of GNOME Extensions.
|
|||
|
|
|||
|
[Install Extensions App][4]
|
|||
|
|
|||
|
- After that, install GNOME Tweaks tool using the following command from the terminal. We will use this utility to change the Themes and other settings.
|
|||
|
|
|||
|
```
|
|||
|
sudo apt install gnome-tweaks
|
|||
|
```
|
|||
|
|
|||
|
- Download the Colloid GTK Theme from the below link. After download extract the files. Then copy the extracted folder to ~/.themes in your home directory. If the folder doesn’t exists, create it. After you done this, open a terminal and run the `install.sh` file.
|
|||
|
|
|||
|
[Download Colloid GTK Theme][5]
|
|||
|
|
|||
|
- Download the Mkos-Big-Sur icon theme from the below link. Once it is downloaded, extract the files and copy the parent folder to ~/.icons in your home directory.
|
|||
|
|
|||
|
[Download Icon theme][6]
|
|||
|
|
|||
|
- Download the below cursor theme and follow the same steps as above. Copy the extracted folder to the ~/.icons directory. Then open a terminal and run the `install.sh` file.
|
|||
|
|
|||
|
[Download Cursor Theme][7]
|
|||
|
|
|||
|
Now, it’s time to install Conky and some extensions that would eventually give your GNOME Desktop a clean look. To install Conky and a Conky manager, open the terminal prompt and run the below commands.
|
|||
|
|
|||
|
```
|
|||
|
sudo apt install conky
|
|||
|
```
|
|||
|
|
|||
|
```
|
|||
|
sudo add-apt-repository ppa:tomtomtom/conky-managersudo apt update && sudo apt install conky-manager2
|
|||
|
```
|
|||
|
|
|||
|
Now, open each of the below links for the extensions and install them in sequence. To install, open the page and click on the ON/OFF toggle switch (see below image). It would ask for your admin password and permission to install.
|
|||
|
|
|||
|
- [Move Clock][8]
|
|||
|
- [Dash to Dock][9]
|
|||
|
- [Tray Icons][10]
|
|||
|
- [Arc Menu][11]
|
|||
|
- [User Themes][12]
|
|||
|
|
|||
|
![GNOME Extension - Page][13]
|
|||
|
|
|||
|
GNOME Extension – Page
|
|||
|
|
|||
|
#### Configurations
|
|||
|
|
|||
|
After completing the above steps, it’s time to do some basic configurations. You may see some of the changes when you installed the GNOME Extensions above. For example, the clock should already be shifted to the right side when installing the Move Clock extension above.
|
|||
|
|
|||
|
**Tweaks**
|
|||
|
|
|||
|
- Open the Tweaks tool (search from the application menu) and go to Apperance.
|
|||
|
|
|||
|
- Change the Application theme to **Colloid Dark**, Cursors as **Vimix Cursors**, Icons as **Mkos-big-sur**and Shell Theme as **Colloid Dark**. If you want, you can choose the light theme and different option.
|
|||
|
|
|||
|
![Apply Themes][14]
|
|||
|
|
|||
|
Apply Themes
|
|||
|
|
|||
|
**Arc Menu**
|
|||
|
|
|||
|
- Open the Extenstion application and go to the Arch Menu Settings.
|
|||
|
|
|||
|
- Change the menu layout to `Alternative Menu Layout > Raven`.
|
|||
|
|
|||
|
- Change the application menu button to some icons you prefer. For this guide, I have downloaded a GNOME icon from [here][15]. And applied it via Arc Menu `Settings > Button Appearance > Browse Icon`. And it should look like this.
|
|||
|
|
|||
|
![Arch Menu - Raven][16]
|
|||
|
|
|||
|
Arch Menu – Raven
|
|||
|
|
|||
|
- Enable Shrink the dash
|
|||
|
- Customize windows counter indicator = Dashes
|
|||
|
- Enable Customize Dash color
|
|||
|
- Customize Opacity = Fixed
|
|||
|
- Opacity to 12%
|
|||
|
|
|||
|
- Open Dash to Dock settings from the Extension application. In the Appearance tab, change the below items:
|
|||
|
|
|||
|
- In the position and size tab, change the Dock position to bottom and Icon size limit to 39px.
|
|||
|
|
|||
|
- You can start Conky if you like and download a nice wallpaper which goes with Colloid theme. For this demonstration I have [chosen a nice grey-ish wallpaper][17] which looks stunning with the dark theme.
|
|||
|
|
|||
|
### Result
|
|||
|
|
|||
|
After all the configuration, and if all goes well, your desktop should look like this.
|
|||
|
|
|||
|
![GNOME Customization in Ubuntu with a clean look-1][18]
|
|||
|
|
|||
|
GNOME Customization in Ubuntu with a simple look-1
|
|||
|
|
|||
|
![GNOME Customization in Ubuntu with a clean look-2][19]
|
|||
|
|
|||
|
GNOME Customization in Ubuntu with a simple look-2
|
|||
|
|
|||
|
![GNOME Customization in Ubuntu with a clean look-3][20]
|
|||
|
|
|||
|
GNOME Customization in Ubuntu with a simple look-3
|
|||
|
|
|||
|
You can play around with different variants of this theme with several combinations of settings. And create a look that suits you better.
|
|||
|
|
|||
|
I hope this guide helps you transform your GNOME desktop with a clean look. Let me know in the comments down below if you like this setup.
|
|||
|
|
|||
|
--------------------------------------------------------------------------------
|
|||
|
|
|||
|
via: https://www.debugpoint.com/customize-gnome-clean-look-2022-1/
|
|||
|
|
|||
|
作者:[Arindam][a]
|
|||
|
选题:[lkxed][b]
|
|||
|
译者:[译者ID](https://github.com/译者ID)
|
|||
|
校对:[校对者ID](https://github.com/校对者ID)
|
|||
|
|
|||
|
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出
|
|||
|
|
|||
|
[a]: https://www.debugpoint.com/author/admin1/
|
|||
|
[b]: https://github.com/lkxed
|
|||
|
[1]: https://www.debugpoint.com/wp-content/uploads/2022/03/Ubuntu-Desktop-with-GNOME-Before-Customization.jpg
|
|||
|
[2]: https://extensions.gnome.org/
|
|||
|
[3]: https://www.debugpoint.com/wp-content/uploads/2022/03/Add-Browser-Add-on-for-GNOME-Shell-Extension.jpg
|
|||
|
[4]: https://dl.flathub.org/repo/appstream/org.gnome.Extensions.flatpakref
|
|||
|
[5]: https://github.com/vinceliuice/Colloid-gtk-theme/archive/refs/heads/main.zip
|
|||
|
[6]: https://github.com/zayronxio/Mkos-Big-Sur/archive/refs/heads/master.zip
|
|||
|
[7]: https://github.com/vinceliuice/Vimix-cursors
|
|||
|
[8]: https://extensions.gnome.org/extension/2/move-clock/
|
|||
|
[9]: https://extensions.gnome.org/extension/307/dash-to-dock/
|
|||
|
[10]: https://extensions.gnome.org/extension/2890/tray-icons-reloaded/
|
|||
|
[11]: https://extensions.gnome.org/extension/3628/arcmenu/
|
|||
|
[12]: https://extensions.gnome.org/extension/19/user-themes/
|
|||
|
[13]: https://www.debugpoint.com/wp-content/uploads/2018/05/GNOME-Extension-Page.png
|
|||
|
[14]: https://www.debugpoint.com/wp-content/uploads/2022/03/Apply-Themes.jpg
|
|||
|
[15]: https://icons.iconarchive.com/icons/tatice/operating-systems/32/Gnome-icon.png
|
|||
|
[16]: https://www.debugpoint.com/wp-content/uploads/2022/03/Arch-Menu-Raven.jpg
|
|||
|
[17]: https://i.redd.it/1ttvv79apo851.png
|
|||
|
[18]: https://www.debugpoint.com/wp-content/uploads/2022/03/GNOME-Customization-in-Ubuntu-with-a-simple-look-1.jpg
|
|||
|
[19]: https://www.debugpoint.com/wp-content/uploads/2022/03/GNOME-Customization-in-Ubuntu-with-a-simple-look-2.jpg
|
|||
|
[20]: https://www.debugpoint.com/wp-content/uploads/2022/03/GNOME-Customization-in-Ubuntu-with-a-simple-look-3.jpg
|