Customizing Ubuntu 20.04

Customizing Ubuntu 20.04

ยท

5 min read

Screenshot from 2020-08-29 12-00-36.png

I have been using Ubuntu for a while now and the first things I do for any new install of Ubuntu is to customize it. Unlike Windows and macOS, Linux distros offer a lot of customization and that is one of the reasons I use Ubuntu as my primary OS. I will take you through the steps to get your Ubuntu desktop environment looking like above ๐Ÿ‘†๐Ÿ‘† or even better๐Ÿ˜‰. Let's jump right into it.

Installing Gnome Tweak Tool

A lot of the desktop customization will be made easy by through this tool. Fire up the terminal, command shortcut CTRL + ALT + T.

  1. Make sure you have universe repository is enabled. Run:

     sudo add-apt-repository universe
    
  2. Install gnome-tweak-tool. Run:

     sudo apt install gnome-tweak-tool
    

Installing Gnome Shell Extensions

Once you have the tweak tool installed, launch it from the application menu by typing in tweaks in the search bar. You will be presented with a screen as below.

Screenshot-20200829122436-1920x1055.png

Various customization features are now available to us from this UI. You can customize the desktop appearance, add extensions, change fonts etc. We will start with the extensions. If you open the appearance sections you will notice that the shell option is disabled. To enable this we will install the user shell extension. This can be done several ways but the easiest way I found is by using the browser extension. This only involves 3 steps.

  1. Install the Gnome shell browser extension browser visit Gnome Shell Extensions. Click on the link to install the browser extension.

    2020-08-29_12-57.png

  2. Install the Host Connector. On the terminal paste in the command:

     sudo apt install chrome-gnome-shell
    
  3. Restart the Gnome Shell. This can be done easily by using the keyboard command shortcut ALT + F2 and type in r on the prompt and press Enter.

Now we can install Gnome shell extensions from the browser. By using visiting the site Gnome Shell Extensions.

Customizing the Theme

With the customizations tool now setup we are ready to tweak the look and feel of our Ubuntu desktop. The components we are going to customize are:

  1. GNOME Shell Theme. This is the top panel where the clock is, the activity-overview, the notification etc.
  2. GTK Theme. This will customize the GUI for the applications.
  3. Icons. The icons (that's all I can say).
  4. Dash. The applications bar for on the left.

GNOME Shell Theme & GTK3

  1. Install the user-shell extensions. At the GNOME shell extensions site search for user shell to install it. It is easy now to install the extensions by just toggling the button on the right. Click install on the prompt.

    Screenshot-20200829132818-1168x326.png

  2. Open Gnome Look this is where you will find a lot of themes and icons that you can use. We will use Sweet themes. Head over to the files section and download the sweet dark variant. The theme is loaded with the shell and gtk3 themes. Extract the folder to ~/.themes folder located on your home directory if not available create one with the command mkdir ~/.themes on your terminal.

    2020-08-29_13-44.png

  3. Open the Gnome tweak tool lets get tweaking:

    1. Select appearance.
    2. On the applications dropdown select Sweet-Dark. Changes the GTK3 theme.
    3. On Shell select Sweet-Dark. Changes the GNOME Shell theme.

If the changes are not reflected automatically restart the GNOME Shell. ALT + F2 type in r press Enter.

To switch the direction of the windows title bar buttons, open the Windows Tittlebars option to customize as you like.

The Icons

Let's go shopping for icons at Icon Themes. We will use Zafiro Icons on the files tab download Zafiro Black Red Icons. Extract the folder into the ~/.icons folder at your home directory, if the folder does not exist create one by running the command mkdir ~/.icons. Open the GNOME tweak tool:

  1. Select appearance.
  2. On the icons drop down you should see your icons on the options. Your preferred icons are ready. This will change the icons used on your system.

Dash to Dock

  1. Install the extension the same way we did for user-shell extension at Dash to Dock.
  2. Once installed there will be an extra icon for configurations. Click on it to launch the configurations settings.

    2020-08-29_14-17.png

These are my current configurations:

Screenshot-20200829141932-712x744.png Screenshot-20200829141944-712x744.pngScreenshot-20200829141953-712x744.png Screenshot-20200829142000-712x744.png

Other configurations not available on the GUI you can set them from the terminal: To Show Apps Button at Left

gsettings set org.gnome.shell.extensions.dash-to-dock show-apps-at-top true

Screenshot-20200829144451-1359x77.png

Bonus - The cursor

From Gnome Look I found Volantes Cursors. Download the dark version to match our current theme. Extract the folder to the .icons folder. On the gnome tweak tool:

  1. Select the appearance section
  2. On the cursor dropdown, you will find volantes cursors. Select it.

af925c4d3d0499b85e4f905461b4bff8b39f.png

The other extensions I use:

  1. Coverflow Alt Tab this is a nice windows switcher.
  2. Emoji Selector for quick access of emojis for my git commit messages or on chart apps.
  3. GSconnect this extension allows me to connect my pc with my phone. Its has nice features you should try it if you don't want to constantly be switching between your phone and PC.
  4. Removeable Drive menu for quickly disconnecting a drive from the system.
  5. Screenshot Tool it will give you extra features for screenshot taking.

That's it! You have personalized your desktop enjoy the fresh look.

200.gif