Meet Radiance Slick: My deskop!

My slick Radiance desktop.

With this guide I’ll show in detail, how I set up my Gnome-Shell desktop. It’s a comprehensive step-by-step-guide which features information on every detail. So it may be suitable for beginners and advanced tweakers and modders as well.

The procedure involves multiple sections and subsection, you may jump to the section which is most interesting for you.

1. Introduction!

This guide is written for Ubuntu. If you are using another distribution, this guide will apply only partially. But maybe you’ll get some inspirations as well!

2. Installing Gnome-Shell!

Gnome-Shell's activities view.

Gnome-Shell's activities view.

In this section we’re going to install Gnome-Shell as the default window manager for your session. If you already have a working version of Gnome-Shell installed, you may skip this section!

Installation of Gnome-Shell can be done with one terminal command:

sudo apt-get install gnome-shell

When this has been done log out of your session, choose “GNOME” at the login screen and log in again. Gnome-Shell should work now!

3. Installing the Gnome-Tweak-Tool!

The Gnome-Tweak-Tool.

The Gnome-Tweak-Tool.

In order to configure Gnome-Shell to suit our needs, you’ll need to install the Gnome-Tweak-Tool, a configuration utility for Gnome-Shell. This can be done with this command:

sudo apt-get install gnome-tweak-tool

Now you can open the overview by pressing the “Super”-key and launch the Gnome-Tweak-Tool by typing its name and pressing return.

4. Setting the wallpaper!

Now you have got everything which is needed to create a beautiful desktop! With a right-click on your desktop, you can change the wallpaper! I’m using this wallpaper currently.

5. Decreasing the font size!

One annoying thing with Ubuntu is the default font size, for my eyes it’s always to large! You can use the Gnome-Tweak-Tool to reduce the overall font size. Just look for the screen shot above, there are my favorite settings.

6. Changing the theme!

Now it’s time to set the theme. Before you may choose a theme for Gnome-Shell, you have to install the user themes-extensions. Do this with the following commands:

sudo add-apt-repository ppa:webupd8team/gnome3
sudo apt-get update
sudo apt-get install gnome-shell-extensions-user-theme

When this is done, download my themes pack below. It consists of a modified Gnome-Shell theme and a metacity theme. Credits go to Elegance by satya164 and to Adwaita Borderless by jorchube.

Radiance Slick Theme Pack

Move the content of the archive to ~/.themes/. I use the Faenza icon theme, in order to install this awesome icon theme, open a terminal and execute these commands:

sudo add-apt-repository ppa:tiheum/equinox
sudo apt-get update
sudo apt-get install faenza-icon-theme

When this has been done, open the Gnome-Tweak-Tool (close and re-open it, if you had it opened already). Firstly go to the extensions tab and enable the user themes extension. Now reload Gnome-Shell (log in and log out). Then go to the theme’s tab in Gnome-Tweak-Tool and choose:

Radiance as GTK+-theme,
Radiance Slick as Shell theme,
Radiance Slick as window theme and
Faenza as icon theme.

Now log out and in again, to make all changes take effect.

7. Installing extensions!

There are many cool extensions for Gnome-Shell, which can be installed from extensions.gnome.org. Installing an extension from there is pretty simple: Go to the mentioned page (with Firefox) and click on the on/off-toggle. Here’s a list of extensions I recommend:

Advanced Settings in UserMenu Shows advanced settings (Gnome Tweak Tool) in me-menu.
Frippery Shut Down Menu Displays “shut down” in the me-menu
Status only icon Removes your name from the panel and shows only an icon instead.
Remove Accesibility Removes the accessibility button from the panel.

Two other cool extensions are Global Menu for Gnome-Shell and the Weather Extension. These can’t be installed from extensions.gnome.org, but with this command:

sudo apt-get install gnome-shell-extensions-weather gnome3-globalmenu

8. Theming of Firefox!

Firefox, tweaked to go with the theme.

Firefox, tweaked to go with the theme.

In the picture above, you can see my tweaked Firefox. In order to make your Firefox look the same, you’ll need to install some extensions: The FXChrome theme, Stylish and Compact Menu. When these are installed, move your tabs below the address bar (via right click) and add a new Stylish style in the user styles preferences (about:addons). Put this code into the new style:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
#gbx2 {
  background-image: -moz-linear-gradient(#fafafa 0%, #efebe7 100%) !important;
  -moz-appearance: none !important;
  border-bottom: 1px solid #e3dcd4 !important;
  -moz-box-shadow: 0px -2px 3px 0px #000 !important;

}

#nav-bar {
  background-image: -moz-linear-gradient(#d9d0c7 0%, #efebe7 100%) !important;
  -moz-appearance: none !important;
  border-bottom: 1px solid #e3dcd4 !important;
  height: 40px;
}

#TabsToolbar {
  background-color: #f6f4f2 !important;
  height: 32px;
  margin-bottom: -4px;
}

.tabbrowser-tab:not([selected="true"]) {
  filter: none !important;
}

.tabbrowser-tab[pinned] ~ .tabbrowser-tab:not([pinned]) {
  -moz-margin-start: 0px!important;
}

#main-window[tabsontop="true"] .tabbrowser-tab:not([selected="true"]) .tab-text:not(:-moz-lwtheme) {
  color: #333!important;
}

@media (-moz-mac-lion-theme) {
  #main-window[tabsontop="true"] .tabbrowser-tab:not([selected="true"]) .tab-text:not(:-moz-lwtheme) {
    color: #000000 !important;
    text-shadow: none !important;
  }

    #main-window[tabsontop="true"] .tab-icon-image {
    list-style-image: url("chrome://global/skin/icons/file.png")!important;
  }
}

.tabs-newtab-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAASCAYAAADFavmwAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9wCAgktC8HIVfcAAAXrSURBVFjDzZhdbJtXGcf/58PfLnbdQmJGkDqhKEnT0OblYkwdgTTLhnqFdlGhXbRCgIaKBkhDQ9E0IVVTCB1QRQofErQCumzqUC86aZMmLoBNLG56FmgrurZJTaWlbpr4M27jvu855+GiHkKt7eIPVXukR7557J+f/3k+3vcwIsJH5jgOQ4umlKJmv/OgeQ/CGBHBcZx+AIEO/eYVpVTpPkI+aF4CQKJNpgtgHUBOKeXWFXR4eJgHg8Gdr7/2ynR0UzRpjbUM1PTpF9fXV9Lp9MLU4V+8vrKyklVK/atOcjwYDO48+acTv45Gow+BwVLzOJTL5czS4pKanDr8aiaTWWvAY36/f/vExMS3A4HA1pbVdN18Lpe7NDs7+7fV1dWrSqlcrTgJgEejURkM+DdrT3vWak1EBk3mGA4FPzE4MPCVIy//pO+FH7942HEcVym1WCOUb9kSksFQMEHWaGutIaKmRQ2HgokdQ9ufmJ7++cDEcz96qQGPhcNh0dXVFfT5fButCmqMCSUSieGDBw9uO3r06HHHcYxSqnhPckopvba25qb/fVWRNcYY41ntukZ7t5ty77arPff25njsk88/9/wzALocxxE1Zp9eXs676XT6jLXWWFhtrfbIGrcZN9rztKfdRDyenHjxhWcb8GyhUMgWCoXL7cwVIQSFQiHd3d0d279//1MANteK49XP7Pzp+XcBgCxZbWCM9ppy7WmtPdcz1ng9PQ9t++Y3DowAGK6zeLLqjPorABCR1dZaTU26tcZYo63Ruuczyd7vPPOt0Qa84rlz5z7oxMCWUtpkMtl94MCB3Y7jbK0n6LXjr534h+d5t4RgnDO0vH2N5xmrtR7b8+U9jLEoAH+NsGt/OD77vqv1LQbGBWOt84gsCHp8bOzJBrzyqVOnrhpjKp0Q1e/324GBgUf8fn/33QfIq21hNjY2vMWlK4pxwTn/r9CtJWnJbopEYvue+touAAN3Q5VSplwuu0uLSynOOWdtCAoAmixFo9EtTz/9dacOj8rl8tqNGzcuo0MWi8XC+/btGwQQr1WhAJCZPzM/x8AkQXAhRetJWk1EZMbGRh+rAmWNqEwqlXoXBA7OGSxvR1QCrB1/fHRPA15xYWHhg04JKoSg/v7+L1Qfx+4VVCl1/fjsibO5XO5DwRkHeFtVagn06WR3z+jo7s8B6KlRNdd//8dX/pnN568yMC4F2qpSQ0TJ7uS28cdHe+vwbp48efLyxsbGjU6Jmkgktuzdu7fXcZxIrQoFgFvvzc2/zYWUjDEOLtutUrv7kd1DAHpqsO7w3ku9xQWXxBgH2hKVGJEd+dLIrga83Pnz59/vlKBSSjs0NLTjf9v+buil3/z2d++Ub94qcMFFO8upqqod+vzgkJQyACBUI+DSzC9/9Zf10s0s57yt5QQA2oAGdww6DXiFY8eOXfA8b71TonZ1dT0cj8e3Oo7D7xFUKWUrlUplbm7uLcaFZIyJdqrUaEPhoD/85PhoL4DP1mhDW6lUKqlU6g3O+UdjpnVRuaVIKBDd+9Un+urwyHXd6xcuXDjdKUEjkYh/fHz8YQDRWhUKpdTZn/7syNvLy5lFIYS4M0/bqVHYR7/46A4AnwJQ68H77EuTU28uZzIXueBcsraWE4iIRkYe29mAtzY9Pf33Uqn0IRGhXQdAvb29AwBiqDNnACA39fLUzGouv8KllMLnE+0sp8GBvu2bhQgDCNbjHTo0eWR1NbsMBilY64doiKi/r39XJBJpxMvPzMy8USwW11zXRbsei8W2xePxhOM4tTe5UurKxYvpzPd+8MOp1On5d4rF9bz0+X3SJ6WQPtGMSwGRzedLN4WQ9Q7wDu/ite8++/1DqXn153xxPSu4kJJzIRnnTTnnPJcvFPzlciNecWlp6crk5OSr6XR6oVQqlSqVClp113ULrutSdTHS/a69+qoDPlD9g620JFWvvlJKqcrHiBeovpNvqvOG9f/abQB5pVSW3e+Wp7q9JABfgxFx384HYAB4SinzceJ12v4Dg6EwnOUOLtAAAAAASUVORK5CYII%3D")!important;
  -moz-image-region: rect(0px, 28px, 18px, 0px)!important;
}

.tabs-newtab-button:hover {
  -moz-image-region: rect(0px, 56px, 18px, 28px)!important;
}

.tabs-newtab-button:hover:active {
  -moz-image-region: rect(0px, 84px, 18px, 56px)!important;
}

.tabbrowser-tab[selected="true"] .tab-icon-image {
  list-style-image: url("chrome://global/skin/icons/file.png")!important;
}

#tabbrowser-tabs > .tabbrowser-tab:not([selected="true"]) > .tab-stack > .tab-content:-moz-locale-dir(ltr),
#tabbrowser-tabs > .tabbrowser-tab[selected="true"] ~ .tabbrowser-tab:not([selected="true"]) > .tab-stack > .tab-content:-moz-locale-dir(rtl) {
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9wCAgksNRmyeR0AAANLSURBVEjHxZfPbxNHFMe/782AiTyxF+MEoeAmyHESe/NLPPFjMVEEckkoioRACRIUR4BAslCEIkQEB049tCoHjj5z5k/g2LNvrYoCXHrrpQIOcaWY2R52kWwLmvUPtSPtaWfefN/nO/Nmhnzfx//ZdCedRUQBSAFIADgAgMJfPoC/AXwE8FetVvsUNSZFJSAiAwC+efJo89tpd2ohkXRWtQr0Nz418PHD+5e//vb6lx+fPX8F4I9arVbvm4Aw8/FnP/2wnp/KbQHM8AHm4L+1n1lY+/vrNz8/evz0BYC3UUhwRFKph5sbF3LZY1u2YRmwAFlYG3wgC8DCNiznsse2Hm5uXAitQs8CPvs+OZErRhTMYd9UOLZnAqkH9yuldMq5ysxg/fUhrBnMjHTKufrgfqUUhQJHyD49O1M4x8wKUdarDzCzmp0pnAOQ3ovCXgScO+UbJx3HWdkr+3YKjuOs3CnfOAnA6UnAqdMnlpSmfeikXvmA0rTv1OkTS10LEBFtjIkfdJLHCRQp+2YKBMJBJ3ncGBMXEd0NgfS9u+VFZp0loo5LLBGBWWfv3S0vAkh3IyAx57oXlSaFbo6LwAY157oXw9IdXYCIxDKZTMIYM9sp/nYbjDGzmUwmISKxTggcun3r+2WAj3SDv9kGgI8EsXAokgARIQCD2dHMglJE6OW09gGliLKjmQUAg2HsVgHVarVdRGxqbMyJx+NzRN3hb7GBCPF4fG5qbMwB0GJDtVplrlQqtn31X1+//h3AQwRCry2IwUNBzNbdUKlULH8Bv8mNj55XinqfPWxKEeXGR88DMO02tPMd9DxvOLZ/YDpq6Y1ammP7B6Y9zxsGMPhvApxrV1ZWQZxEP6+KPgDi5LUrK6vtpZmbT77l0pn8yNGRm4qpL9k3U1BMGDk6cnO5dCbffEI2zzIs4p1lYkP9s7+1NBMbEe8sgOEWASIysLZ2uejmJze0Du57fW8+oDWzm5/cWFu7XAwvudAicnh+vjAxU3Av1Xd3ze6H9zaqAApR+VGv1gQ0LMxMwb20Pb/9p4hs66XSYnk8N5Gr1+vr796+Qyd7nzgUYKO/bvwgu/WiV9w9nB56Qzs7Oz4zw/d9/FevJCICEcFai38AQDXLokK8iPoAAAAASUVORK5CYII%3D") 2 15  repeat stretch!important;
}

#tabbrowser-tabs > .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:-moz-locale-dir(ltr),
#tabbrowser-tabs > .tabbrowser-tab[selected="true"] ~ .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:-moz-locale-dir(rtl) {
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9wCAgksE8u//OAAAAPuSURBVEjHvZdLa1tXEMd/M3MVvysL2Xo0YBuTEFuVheUb2QjjFCxiGxKyi4PJwnmIbJOUtEkXpYRSQlvoJ+imHyIfIhRtGnfV4kV3hRovCoIW+54udK1cObJ8nZQeOOhyzpmZ//zncY7EOcdZhu/7Cgigx7YCwDUajeAs+iQuAN/3BTgHZIEU0BcBEQB/A/vAH8A/jUbD/WcAQuMjwMUvv/j8WrFYqqTH0tc8zwPg4OCAvT/3Xu7s/PzT869evAR+Bf6KA8KLydQ54OL3331bL5fLdTMxESEIWvoTZmQz49fGPl7dSH6Qyn/y6Wc/ADshKz2HxvDegNyzp0/WSvOlOoo55zg8dDjXmkffKFaaL9WfPX2yBuRC2fcDACSAzGxhtgoYgHPy1qHImoVnM6HsuwMIMz77+NHDWi6b2zCVngIKmAq5bG7j8aOHNSAb6nhnBhJA7nK5tGJmHhKDMFHMzLtcLq0AudNY0FO8H6/fu7OYzmRXTVred6M/GgYFTIR0Jrtav3dnERjvxcJpjKZXrizXTK0P1fjdRRVT61u5slwD0r3s9NLaNzAwMJoZy0wJ0mo1cUcAgpAZy0wNDAyMhk0rPoCj5HtQr6+K2ax5wlmHeYKYzT6o11d7JeNJDBiQqlaXqiaSaCeftKbgEJVI3gmCa++3k1EkUa0uVcPWbWcBMDiZz48nkyMXRKxNf3AILnAErvXbTr7IWnAYCYMYyeTIhcl8fhwYjAUg7F7jd+v310VtwkzeeBY9LSd86xumzARRm7hbv78eVoPFYcCA0cJcYc480zNlf7dq8EwLc4U5YLRbGLppH5yZmcqNDA1dEhE44T47HoLuh0BEGBkaujQzM5XrFgbtQn/29tb2VVHLG9JJ71mHgCGIWv721vbVsBqsFwMGJIvFQtlE9L2MR0GIaLFYKAPJ42HQY4+O1PLy0mR/f39B1Dit97vAnUx/5G4QNfr7+wvLy0uTQCq09RYDBoxt3ty8Lmopi9Q5Arigoxd0SEYyP0TWETpTQdRSmzc3rwNjURY04n3f+nptYXp6+oaZSYeyKAgXdE9MF9nvImtmMj09fWN9vbYA9B2xoJGn2fnFhcVKwmy43eWOFLigkw0JDWo43TEGusiKCgmz4cWFxQpw/ug5qL7ve8DQ1tattflyadsSCVMX47aJtRaJkgNLJGy+XNre2rq1Bgz5vu95wIdLS36xUvFrqjrcbDY7dEV7fqS/dDzDRFqIg6B3v0BBVYcrFb+2u/vb7qtXjR355sXXzz+am5tIp1LbuPBikXj1J2rSMnIY6z+Ac2HVCOzt7//4y+vXv0uz2XSq2n7h/h9DpOVkEAT8C5HJE/RvowENAAAAAElFTkSuQmCC") 2 15  repeat stretch!important;
}

#tabbrowser-tabs > .tabbrowser-tab:not([selected="true"]) > .tab-stack > .tab-content:-moz-locale-dir(rtl),
#tabbrowser-tabs[tabsontop="true"] > .tabbrowser-tab[selected="true"] ~ .tabbrowser-tab:not([selected="true"]) > .tab-stack > .tab-content:-moz-locale-dir(ltr) {
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9wCAgksNRmyeR0AAANLSURBVEjHxZfPbxNHFMe/782AiTyxF+MEoeAmyHESe/NLPPFjMVEEckkoioRACRIUR4BAslCEIkQEB049tCoHjj5z5k/g2LNvrYoCXHrrpQIOcaWY2R52kWwLmvUPtSPtaWfefN/nO/Nmhnzfx//ZdCedRUQBSAFIADgAgMJfPoC/AXwE8FetVvsUNSZFJSAiAwC+efJo89tpd2ohkXRWtQr0Nz418PHD+5e//vb6lx+fPX8F4I9arVbvm4Aw8/FnP/2wnp/KbQHM8AHm4L+1n1lY+/vrNz8/evz0BYC3UUhwRFKph5sbF3LZY1u2YRmwAFlYG3wgC8DCNiznsse2Hm5uXAitQs8CPvs+OZErRhTMYd9UOLZnAqkH9yuldMq5ysxg/fUhrBnMjHTKufrgfqUUhQJHyD49O1M4x8wKUdarDzCzmp0pnAOQ3ovCXgScO+UbJx3HWdkr+3YKjuOs3CnfOAnA6UnAqdMnlpSmfeikXvmA0rTv1OkTS10LEBFtjIkfdJLHCRQp+2YKBMJBJ3ncGBMXEd0NgfS9u+VFZp0loo5LLBGBWWfv3S0vAkh3IyAx57oXlSaFbo6LwAY157oXw9IdXYCIxDKZTMIYM9sp/nYbjDGzmUwmISKxTggcun3r+2WAj3SDv9kGgI8EsXAokgARIQCD2dHMglJE6OW09gGliLKjmQUAg2HsVgHVarVdRGxqbMyJx+NzRN3hb7GBCPF4fG5qbMwB0GJDtVplrlQqtn31X1+//h3AQwRCry2IwUNBzNbdUKlULH8Bv8mNj55XinqfPWxKEeXGR88DMO02tPMd9DxvOLZ/YDpq6Y1ammP7B6Y9zxsGMPhvApxrV1ZWQZxEP6+KPgDi5LUrK6vtpZmbT77l0pn8yNGRm4qpL9k3U1BMGDk6cnO5dCbffEI2zzIs4p1lYkP9s7+1NBMbEe8sgOEWASIysLZ2uejmJze0Du57fW8+oDWzm5/cWFu7XAwvudAicnh+vjAxU3Av1Xd3ze6H9zaqAApR+VGv1gQ0LMxMwb20Pb/9p4hs66XSYnk8N5Gr1+vr796+Qyd7nzgUYKO/bvwgu/WiV9w9nB56Qzs7Oz4zw/d9/FevJCICEcFai38AQDXLokK8iPoAAAAASUVORK5CYII%3D") 2 15  repeat stretch!important;
}

#tabbrowser-tabs > .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:-moz-locale-dir(rtl),
#tabbrowser-tabs[tabsontop="true"] > .tabbrowser-tab[selected="true"] ~ .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:-moz-locale-dir(ltr) {
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9wCAgksE8u//OAAAAPuSURBVEjHvZdLa1tXEMd/M3MVvysL2Xo0YBuTEFuVheUb2QjjFCxiGxKyi4PJwnmIbJOUtEkXpYRSQlvoJ+imHyIfIhRtGnfV4kV3hRovCoIW+54udK1cObJ8nZQeOOhyzpmZ//zncY7EOcdZhu/7Cgigx7YCwDUajeAs+iQuAN/3BTgHZIEU0BcBEQB/A/vAH8A/jUbD/WcAQuMjwMUvv/j8WrFYqqTH0tc8zwPg4OCAvT/3Xu7s/PzT869evAR+Bf6KA8KLydQ54OL3331bL5fLdTMxESEIWvoTZmQz49fGPl7dSH6Qyn/y6Wc/ADshKz2HxvDegNyzp0/WSvOlOoo55zg8dDjXmkffKFaaL9WfPX2yBuRC2fcDACSAzGxhtgoYgHPy1qHImoVnM6HsuwMIMz77+NHDWi6b2zCVngIKmAq5bG7j8aOHNSAb6nhnBhJA7nK5tGJmHhKDMFHMzLtcLq0AudNY0FO8H6/fu7OYzmRXTVred6M/GgYFTIR0Jrtav3dnERjvxcJpjKZXrizXTK0P1fjdRRVT61u5slwD0r3s9NLaNzAwMJoZy0wJ0mo1cUcAgpAZy0wNDAyMhk0rPoCj5HtQr6+K2ax5wlmHeYKYzT6o11d7JeNJDBiQqlaXqiaSaCeftKbgEJVI3gmCa++3k1EkUa0uVcPWbWcBMDiZz48nkyMXRKxNf3AILnAErvXbTr7IWnAYCYMYyeTIhcl8fhwYjAUg7F7jd+v310VtwkzeeBY9LSd86xumzARRm7hbv78eVoPFYcCA0cJcYc480zNlf7dq8EwLc4U5YLRbGLppH5yZmcqNDA1dEhE44T47HoLuh0BEGBkaujQzM5XrFgbtQn/29tb2VVHLG9JJ71mHgCGIWv721vbVsBqsFwMGJIvFQtlE9L2MR0GIaLFYKAPJ42HQY4+O1PLy0mR/f39B1Dit97vAnUx/5G4QNfr7+wvLy0uTQCq09RYDBoxt3ty8Lmopi9Q5Arigoxd0SEYyP0TWETpTQdRSmzc3rwNjURY04n3f+nptYXp6+oaZSYeyKAgXdE9MF9nvImtmMj09fWN9vbYA9B2xoJGn2fnFhcVKwmy43eWOFLigkw0JDWo43TEGusiKCgmz4cWFxQpw/ug5qL7ve8DQ1tattflyadsSCVMX47aJtRaJkgNLJGy+XNre2rq1Bgz5vu95wIdLS36xUvFrqjrcbDY7dEV7fqS/dDzDRFqIg6B3v0BBVYcrFb+2u/vb7qtXjR355sXXzz+am5tIp1LbuPBikXj1J2rSMnIY6z+Ac2HVCOzt7//4y+vXv0uz2XSq2n7h/h9DpOVkEAT8C5HJE/RvowENAAAAAElFTkSuQmCC") 2 15  repeat stretch!important;
}

.tabbrowser-tab > .tab-stack > .tab-content[selected="true"] {
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_active.png") 2 15  repeat stretch!important;
}

9. Appearance of Thunderbird!

Thunderbird, radiance-slick-ified

Thunderbird, radiance-slick-ified

I tweaked the appearance of Thunderbird as well. Install the following addons: Stylish and Compact menu. In the addon preferences of Stylish create a new user style and put this code into it:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
toolbar {
  background-image: -moz-linear-gradient(#d9d0c7 0%, #efebe7 100%) !important;
  -moz-appearance: none !important;
  border-bottom: 1px solid #e3dcd4;
  border-top: 1px solid #d4cac0;
}

/* hide folderpaneane header, more simplified look */
#folderPaneHeader {
visibility: collapse;
background-color: #dedede !important;
border-right: 1px solid #d3d3d3 !important;
font-size: 12px !important;
max-height: 6px !important;
}

/* color the folderpaneane header background and add a thin gray border */
#folderTree treechildren {
padding-top: 4px;
padding-right: 4px;
/*background-color: #dedede !important;*/
background-color: #f6f4f2 !important;
border-right: 1px solid #d3d3d3 !important;
}

#messagepanebox {
border-top: 0px solid gray !important;
border-left: 0px solid #b3b3b3 !important;
border-right: 0px solid gray !important;
border-bottom: 0px solid #b3b3b3 !important;
}

/*hide threadpane borders so they don't overlap with folderpane border*/
#folderTree, #threadTree, #seperator {
-moz-appearance: none !important;
}

/* hide the folderpane splitter, sleek look */
#folderpane_splitter {
visibility: collapse;
}

10. Conclusions!

For me, it’s the most beautiful Gnome-Shell desktop I was able to setup since I started using this environment. If you like it as well, you may drop a line in the comments! If you have questions, feel free to ask as well!

3 Responses

  1. Andrey says:

    Hy Simon,
    Very very beautiful theme !
    Thanks to share with us. I have one question .. i install fresh ubuntu 12.04 with unity menu, to make my desktop look like yours i just need to install your steps or i have to make something supplementary ?
    I just want to renounce to the unity .. i dont like it !
    Thx!

    • Simon says:

      If you follow these steps, you’ll get the desktop as seen in the screen shots.

      The only problem is, that this guide was written for Ubuntu 11.x and the provided Gnome-Shell theme is not 100% compatible with Gnome-Shell 3.4 (shipped with Ubuntu 12.04) and there will be some visual glitches… But everything else should work as supposed!

Leave a Reply

*