CarmaBlog

Agility, Java programming, New technologies and more…
  • rss
  • Home
  • Management
  • Agile Programming
  • Technology
  • Linux
  • Event
  • Contact
  • About the author
  • English
  • Francais

Customizing Gnome 3 (Shell)

Fabian Piau | Thursday March 15th, 2012 - 01:01 AM
8,234 views
  • Twitter
  • Facebook
  • Google +1
  • LinkedIn

Update
February 22, 2013 : Post updated with information from Major Grubert on Ubuntu-fr forum to be compatible with Gnome 3.6.

I’ve been using Ubuntu for several years now, and like many users, I switched from Gnome 2 to Ubuntu Unity as display manager. I found lots of good ideas in Unity (very suitable for netbooks in particular), but it didn’t really convince me and I finally regretted my old Gnome 2 desktop.

After several months of using Unity, I decided to test Gnome 3, released Mid-Year of 2011.

Gnome Logo

After installing Gnome 3 and its Shell interface, I was pleasantly surprised to see that Gnome developers have taken a lot of good ideas from Unity, unless it’s in reverse… Even better, I find it more responsive and ergonomic. Only one drawback, user interface design is a bit poor especially compared to Unity.

Gnome Shell requires a little customization to be perfect. What you see below is what you can get in less than one hour !

Screenshot 1

After customizing

The following assumes you have already installed Gnome Shell.

  1. Then, install Gnome Tweak Tool, needed to customize Gnome 3 (show buttons in the toolbar, change theme, etc.).
    sudo apt-get install gnome-tweak-tool
  2. Add the user-theme extension (it unlocks an option in Gnome Tweak Tool to change the theme of Gnome Shell).
  3. Add the WebUpd8 PPA and install the Zukitwo theme. This is a direct download, but it will always be the latest version.
    sudo add-apt-repository ppa:webupd8team/themes
    sudo apt-get update
    sudo apt-get install zukitwo-dark-gtk-theme
  4. Install the Faenza icon theme.
    sudo add-apt-repository ppa:tiheum/equinox
    sudo apt-get update
    sudo apt-get install faenza-icon-theme
  5. Launch Gnome Tweak Tool and configure it as follows:
    Theme configuration

    Theme configuration

    The top bar in Zukitwo theme is transparent making a second menu shows up behind the top bar. If this is your case too, you can fix this by removing the old and useless global menu.

    sudo apt-get autoremove appmenu-gtk appmenu-gtk3 appmenu-qt
  6. To further improve the functionality, Gnome Shell has extensions support.
    Gnome Shell is based on CSS. Install/uninstall of extensions is simply a mouse click from the Gnome Shell Extensions website, simply amazing !

    • Alternative Status Menu : replaces Gnome Shell Status Menu with one showing suspend, hibernate and power off.
    • Analog Clock : shows an analog clock.
    • Applications Menu : adds a gnome 2 style menu for applications.
    • Battery Percentage Indicator : puts a percentage label next to the battery panel icon.
    • Bluetooth icon remover : removes the bluetooth icon from the panel.
    • Dock : adds a dock.

      To position the dock at the left, you must edit a javascript file (yes !).
      Open the file “.local/share/gnome-shell/extensions/dock@gnome-shell-extensions.gcampax.github.com/extension.js” and replace line 44 “const DOCK_POSITION = PositionMode.RIGHT;” by “const DOCK_POSITION = PositionMode.LEFT;” .

    • Extended Volume Indicator : switches output devices and adjusts application volume on volume indicator menu.
    • Media player indicator : controls your media player.
    • NetSpeed : displays internet speed.
    • Places Status Indicator : adds a systems status menu for quickly navigating places in the system.
    • Remove Accesibility : removes the accesibility button icon from the panel.
    • Show Desktop Button : hides all windows and shows the current desktop.
    • Shutdown Timer : adds a panel icon for delayed or scheduled power off.
    • System Monitor : adds a system monitor (disk and CPU usage).
    • Trash : adds a trash button.
    • Weather indicator : displays the current weather of your location.

      I did not find this extension on the official site, but you can use the following commands :

      sudo add-apt-repository ppa:gnome-shell-extensions
      sudo apt-get update
      sudo apt-get install gnome-shell-extension-weather

      To display the weather of your current location, you must configure the WOEID (Where on Earth IDentifier).
      You can get it by going to the site weather.yahoo.com. Enter your city/zip code, click on the RSS feed and get the code from its URL. For example : for Nantes, the URL is http://weather.yahooapis.com/forecastrss?p=FRXX0072&u=f. Thus, the WOEID to use is FRXX0072.

  7. I’m getting used to application launchers (cf. my article about Launchy for Windows), I now use Synapse on Linux.
    sudo add-apt-repository ppa:synapse-core/ppa
    sudo apt-get update
    sudo apt-get install synapse

    To have a black color would best fits with the Zukitwo-dark theme, add this gtkrc file in the ~/.config/synapse/ folder.

  8. To put the finishing touches to your desktop, you can also install Conky to display the date and some additional settings (the example is taken from tux-planet).
    sudo apt-get install conky-all ttf-ubuntu-font-family
    wget -O ~/.conkyrc www.tux-planet.fr/public/conf/conky/conky-gotham
    conky

    Do not forget to make Conky to run at startup.

  9. If you use Firefox, add this personas to improve compatibility with the Zukitwo theme. If you use Chrome/Chromium, add this theme
  10. You can download the wallpaper that I use (2560 x 1600). This is the Leopard wallpaper from Apple.
  11. Here are some additional screenshots to give you a better idea…

    Screenshot 2

    After customizing - 2

    Screenshot 3

    After customizing - 3

    Screenshot 4

    After customizing - 4

Related posts

Eject diskHow to properly eject an external hard drive with Ubuntu?
Comments
13 Comments »
Categories
Linux
Tags
faenza, gnome, gnome shell, ubuntu, zukitwo
Comments rss Comments rss
Page 1 of 11

Language

  • Français
  • English

Most viewed posts

  • Changing the language in Firefox - 18,919 views
  • Java EE & CDI vs. Spring - 10,092 views
  • Customizing Gnome 3 (Shell) - 8,234 views
  • Firefox Nightly, Aurora, Beta, Desktop, Mobile, ESR & Co. - 6,031 views
  • WordPress plugins of CarmaBlog - 5,379 views
  • Open Street Map, better map than Google Maps? - 3,143 views
  • This file is currently used, you cannot do anything… Thanks you Windows ! - 2,912 views
  • Belbin – Team Role Theory - 2,398 views
  • Using Google Docs to create an online survey - 2,078 views
  • Changing the Eclipse splash screen in few seconds - 2,019 views

Tags

nantes watin tdd wordpress windows seven extension .net test wave automation google sharing continuous integration chrome unit test eject configuration management nosql mobile computing hibernate eclipse agile blog c# hard drive java build bash training itil script ci plugin firefox fosdem best practices jquery docjax extreme programming agility unmount mongodb ebook ubuntu cloud tool documents search engine shortcut jug windows 7

Recent Posts

  • Get the opportunity to start a course about Gamification Tuesday April 2nd, 2013
  • Comparing NoSQL: Couchbase & MongoDB Friday March 8th, 2013
  • IconFinder, find efficiently your icons Friday March 1st, 2013
  • Fosdem 2013 Impressions Wednesday February 20th, 2013
  • Fosdem, a truly open conference Monday January 28th, 2013
  • Free online MongoDB training Tuesday January 1st, 2013
  • Discover Maxthon Tuesday December 11th, 2012
  • Shutdown, standby or hibernate your computer? Sunday December 9th, 2012
  • A mobile version of your WordPress Blog Sunday October 28th, 2012
  • Using Google Docs to create an online survey Monday September 24th, 2012
  • Open Street Map, better map than Google Maps? Wednesday July 25th, 2012
  • First steps with Apache Camel Friday May 11th, 2012
  • This file is currently used, you cannot do anything… Thanks you Windows ! Sunday April 22nd, 2012
  • Customizing Gnome 3 (Shell) Thursday March 15th, 2012
  • Give your application a facelift – CSS Wednesday February 15th, 2012

RSS feeds

RSS Feed RSS - Posts

RSS Feed RSS - Comments

Email Subscription

Enter your email address to receive notifications of new posts.

Links

  • Agile Nantes
  • Blog Ippon Technologies
  • Blog Netapsys
  • Blog Xebia France
  • Blog Zenika
  • Coursera
  • Developpef
  • Le Touilleur Express
  • Les Cast Codeurs Podcast
  • new Blog( perso );
  • OCTO talks !
  • The Coder's Breakfast

Follow me!

Follow me on TwitterFollow me on LinkedInFollow me on Google+Follow me on About.meFollow me on SlideShare

Categories

  • Event (9)
  • Linux (3)
  • Management (4)
  • Agile programming (11)
  • Technology (26)

Archives

  • April 2013 (1)
  • March 2013 (2)
  • February 2013 (1)
  • January 2013 (2)
  • December 2012 (2)
  • October 2012 (1)
  • September 2012 (1)
  • July 2012 (1)
  • May 2012 (1)
  • April 2012 (1)
  • March 2012 (1)
  • February 2012 (1)
  • January 2012 (2)
  • December 2011 (1)
  • November 2011 (2)
  • October 2011 (2)
  • September 2011 (1)
  • July 2011 (1)
  • June 2011 (2)
  • April 2011 (1)
  • March 2011 (1)
  • February 2011 (1)
  • January 2011 (2)
  • November 2010 (2)
  • September 2010 (1)
  • August 2010 (1)
  • July 2010 (1)
  • June 2010 (1)
  • May 2010 (1)
  • April 2010 (1)
  • March 2010 (1)
  • February 2010 (1)
  • December 2009 (1)
  • November 2009 (1)
  • October 2009 (2)
  • September 2009 (2)
  • August 2009 (3)
  • July 2009 (1)
  • June 2009 (2)
rss Comments rss get firefox
Fabian Piau | Copyright © 2009 - 2013
All Rights Reserved | Top ↑