Headline News
Secure Blackphone starts shipping (June 30, 2014 10:03 am)
Linux Mint KDE reviewed (June 24, 2014 2:06 pm)
Linux Mint 17 “Qiana” KDE released! (June 23, 2014 10:24 am)
7 Improvements The Linux Desktop Needs (June 21, 2014 12:48 am)
opensuse-wallpaper

A tutorial on how to to openSUSEfy Gnome 3

So, you’re running a superbly stable and yet flashy new openSUSE 13.1 with GNOME 3.10. There’s only one problem – the Blue Eyes Blue, as Clapton would say. Blue, as we all know, is the default color for selected backgrounds, borders etc. in GNOME’s default Adwaita theme.

If you have a slight OCD as yours truly, you might want your icons and themes to play nicely with your green geeko. We like geeko, and we like green, so why not make it all conform with the default color scheme? No reason whatsoever to hold back. So, I went on an endeavor to find the most comprehensive and yet green icon theme for your GNOME desktop environment.

After hours of meticulous searching through the www, I bumped into Moka Project (www.mokaproject.com). Moka project started out as an icon-only theme by Sam Hewitt, a Canadian designer, photographer, and apparently (considering the photos published on his site www.snwh.org) a gourmand of some sort. He contributed to different projects, such as Unity Tweak Tool for Ubuntu, Ubuntu, GNOME, and last but not least – the Moka Project itself. Moka soon gained quite a media following, and the project expanded to include three GTK and one GNOME Shell theme. Though the ‘default’ and most widely used icon color seems to be purple (himself using Ubuntu GNOME, if I’m not mistaken, so the choice of color makes sense), Sam created different variations of the theme, including the one we’re aiming at today – green. The theme is more than comprehensive, tailor-made for GNOME and looks sleek and modern, as you can see here:

moka_icons_gnome_opensuse
One of the best things about this theme is that Sam made openSUSE repositories, from which you can install the theme with the one-click install method. So, let’s get down to business.

Step 1:
Go to the Moka Project website: www.mokaproject.com. Click on the ‘get moka’ button and you’ll be directed to the product menu. Choose Moka Icon Theme, Faba Icon Theme and Faba Colors (all three are necessary – Moka is the apps icon set, which complements Faba and Faba-Colors – or is it the other way around, I’m not entirely sure).

moka_website_navigation

Next, click the download button and choose your distribution. Pick the correct one-click install button for your distribution and let geeko do its magic.

one_click_install_moka

Step 2:
Run nautilus as sudo, or just gedit within the terminal, and navigate to /usr/share/icons/Moka and open the index.theme file within this folder. Immediately in the fourth row, you have a line that reads: “Inherits=Faba,gnome,hicolor”. What you need to do here, is change the ‘Faba‘ value to ‘Faba-Verd‘ (don’t forget the capital V in Verd). Save and exit.

correct_values_indextheme_moka

Step 3:
Go to Advanced Settings, choose ‘Appearance’ and in the icon dropdown menu, select Moka and voila – your GNOME openSUSE system is now running a very modern green icon theme.

Now, we’re not finished yet. What comes next is my personal recommendation for a GTK theme to fit your geeko install.

Step 1:
Click on this link: http://mokaproject.com/moka-gtk-theme/download/opensuse/ – to visit the download page for the Moka GTK theme. Once again, pick the one-click button accordingly, enter your password and such, and let your system do the hard work.

Step 2:
Once again, as sudo, navigate to /usr/share/themes/Moka. Here, we’ll edit two .css files. What you need to do, is first enter the gtk-2.0 folder, and open the file called ‘gtkrc‘ with your text editor. Right there at the top there’s a value called “selected_bg_color” and some numbers after it. After the hashtag, enter the number 93D284. That’s the hex color code for a shade of green which will play perfectly with your folders when you select them in nautilus.

gtkrc_settings_moka_gtk
Next, a few rows lower, you have a value “link_color”. Enter the same hex color value you entered previously. That’s 93D284 after the hashtag. Save and exit.

Step 3:
Navigate out of the gtk-2.0 folder, and enter the gtk-3.0 folder. With your text editor, open the gtk.css file. Search for the value called “@define-color selection_color” and after the hashtag, enter the same values as before. Save and exit.

gtkcss_settings_moka_gtk

Step 4:
Everything seems to be in order with the Moka GTK theme, the last thing you need to fix is the metacity icons. You can find them in the folder /usr/share/themes/Moka/metacity-1, and simply GIMP everything you see in purple into green. But I’ve taken the liberty of doing it for you. You can download the folder here: http://goo.gl/dLO44E – and simply overwrite the existing metacity-1 folder. And you’re good to go.

To customize your GNOME Shell, you can follow a detailed tutorial by Stefan Grasse, also here on Muktware.

We are looking for aspiring bloggers and journalists for The Mukt. If you are interested, apply now!

Step 5:
We strongly suggest you support the artist, Sam Hewitt, and his Moka Project with a little donation. You can do it by purchasing the icon and gtk themes instead of downloading them for free.
[epiclink link = 'http://mokaproject.com/#donate' color = 'btn' target = '_blank' shorticon = 'left' itype = 'icon-heart']Purchase Moka icon/theme[/epiclink]

Nenad Latinović

Soon-to-be comparative literature major, sports, books, politics enthusiast, somewhat of a news junkie. Average everyday Linux user. A scrib here, scrib there, and I hope to make it into journalism one day.

Leave A Comment