Jean-Philippe Fleury

webmastering • free software • free art

Clearlooks-Phenix: GTK3 port of the Clearlooks theme

Category: Software.

Lire cette page en français.

Overview

The Clearlooks-Phenix project (formerly known as Clearwaita) aims at creating a GTK3 port of Clearlooks, the default theme for Gnome 2. Style is also included for GTK2, Unity and for Metacity, Openbox and Xfwm4 window managers.

Here are screenshots (if applicable, click to download the original image):

Screenshot of a Gnome 3 desktop (fallback mode) with the Clearlooks-Phenix theme

Screenshot of gedit 3 with the Clearlooks-Phenix theme

Screenshot of GTK+ Widget Factory with the Clearlooks-Phenix theme

Requirements

  • Requirements for Clearlooks-Phenix 1: packages gtk2-engines (if GTK2 applications are used) and gnome-themes-standard.

  • Requirements for Clearlooks-Phenix 2: packages gtk2-engines (if GTK2 applications are used), gnome-themes-standard and gtk3-engines-unico.

  • Requirements for Clearlooks-Phenix 3: package gtk2-engines (if GTK2 applications are used).

Installation

Regardless of the installation method chosen, the theme must be selected once the installation is complete:

  • On Gnome: with gnome-tweak-tool, by setting Theme > Window theme and Theme > GTK+ theme, or in a terminal:

    dconf write /org/gnome/desktop/wm/preferences/theme \'Clearlooks-Phenix\'
    dconf write /org/gnome/desktop/interface/gtk-theme \'Clearlooks-Phenix\'
    
  • On Xfce: by going to Settings > Appearence > Style in the main menu for the GTK theme, and to Settings > Window Manager > Style for the Xfwm4 theme, or in a terminal:

    xfconf-query -s Clearlooks-Phenix -c xfwm4 -p /general/theme
    xfconf-query -s Clearlooks-Phenix -c xsettings -p /Net/ThemeName
    

Manually

Manual installation ensures you get the latest version of the theme. See below for other installation methods.

  • Download the appropriate version according to your situation:

    To find your GTK version:

    • You can check in your package manager the version of the package libgtk-3-0.

    • If you use Ubuntu, here's a correspondence between its versions and those of GTK (for a default installation of Ubuntu):

      • Ubuntu 11.10: GTK 3.2
      • Ubuntu 12.04: GTK 3.4
      • Ubuntu 12.10: GTK 3.6
  • Extract the archive.

  • Rename the extracted folder to Clearlooks-Phenix.

  • Copy the folder Clearlooks-Phenix in one of the following two locations:

    • ~/.themes/ for the current user;

    • /usr/share/themes/ for all users, including style for programs ran with root privileges (e.g. Synaptic).

Arch Linux

An AUR package is maintained by eworm.

Debian

The package clearlooks-phenix-theme can be installed on Debian unstable.

Gentoo

See the following package:

http://packages.gentoo.org/package/x11-themes/clearlooks-phenix

Ubuntu

The package clearlooks-phenix-theme can be installed on Ubuntu 12.10 and newer. However, this package is not up-to-date, and the PPA maintained by Andrew Shadura can be used instead.

Configuration

Wallpaper

The wallpaper used for the Gnome 3 desktop screenshot is available in the folder wallpapers.

Icons

The icon theme used for the same screenshot is Mist, installed with the package gnome-themes, under LGPL. However, this package is no longer available with last Ubuntu versions. Here's an easy way to install Mist:

  • Download the archive of the Mist icon theme.

  • Extract the archive.

  • Copy the folder Mist in one of the following two locations:

    • ~/.icons/ for the current user;

    • /usr/share/icons/ for all users.

  • Then, choose Mist:

    • on Gnome: with gnome-tweak-tool by setting Theme > Icon theme;

    • on Xfce: by going to Settings > Appearence > Icons in the main menu.

Also, color schemes were made by DDZ to fit with Clearlooks-Phenix:

Desktop managed by Nautilus

By default, the font color on a desktop managed by Nautilus is black. To set it to white, open the file gtk-3.0/applications.css with a text editor, find the code relative to Nautilus:

/************
 * Nautilus *
 ************/

/*
COMMENTED
CSS
CODE
*/

and uncomment it, as follows:

/************
 * Nautilus *
 ************/

UNCOMMENTED
CSS
CODE

To get a custom color, change the color directly in the file gtk-3.0/applications.css.

Color variants

From Clearlooks-Phenix 2, it's very easy to create color variants of the GTK3 theme. Only a few color declarations must be changed in the file gtk-3.0/gtk-variant.css.

About button borders, they come from SVG files. Inkscape can be used to modify them. For more details, see the screencast Utiliser Inkscape pour modifier la couleur de la bordure d'un bouton. A Bash script is also shipped with Clearlooks-Phenix to assist the modification of SVG and PNG files. To use it, copy the file doc/images.sh.txt, paste it in the root folder of your development theme (same emplacement as the file index.theme) and rename it images.sh. Then, change variables in the first section of the file according to the color variant desired and run the script in a terminal (bash images.sh). The package imagemagick is required.

Window buttons layout

If after installing or updating Ubuntu, the window buttons are on the left side, but you want them to the right, run the following command in a terminal:

gconftool-2 --set /apps/metacity/general/button_layout --type string ":minimize,maximize,close"

Development

Last version: 3.0.15 (2013-02-06)

Git is used for revision control. Repository can be browsed online or cloned.

Clearlooks-Phenix has an issue tracker, on which bug reports and feature requests can be submitted. Comments can also be posted on the webpage Clearlooks-Phenix on GNOME-Look.org.

License

Author: Jean-Philippe Fleury contact@jpfleury.net
Copyright © 2011-2012 Jean-Philippe Fleury

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

Third-party code

Share

Link to this page

Add the following code to your website:

<a href="http://www.jpfleury.net/en/software/clearlooks-phenix.php">Clearlooks-Phenix: GTK3 port of the Clearlooks theme | Jean-Philippe Fleury</a>

Comments (13)

  • fenns wrote on 2012-09-20 at 07:09 (link):

    Thanks for this theme it's great!

    The only issue I have is that the solution for desktop font colour also changes the colour in several applications e.g. the address bar in Chrome and Firefox, Pidgin.

  • Craig Sanders wrote on 2012-09-23 at 22:02 (link):

    I had previously been using clearwaita, only just found out about the name-change and update to Clearlooks-Phenix.

    So, I now have xfce4 and all my gtk2 and gtk3 apps looking nice on the same desktop....thanks!

    Anyway, I just spent some time figuring out how to use the xfconf-query and dconf command line tools for this....I need to set it up on multiple machines and I hate having to point-and-click just to change some basic settings.

    XFCE:

    xfconf-query -s Clearlooks-Phenix -c xfwm4 -p /general/theme
    
    xfconf-query -s Clearlooks-Phenix -c xsettings -p /Net/ThemeName
    

    Gnome3 Apps:

    dconf write /org/gnome/desktop/wm/preferences/theme  \'Clearlooks-Phenix\'
    
    dconf write /org/gnome/desktop/interface/gtk-theme \'Clearlooks-Phenix\'
    

    The escaped single-quotes in the dconf commands are required. dconf values are specified in GVariant format, so strings are required to have quotes around them.

  • Marcus wrote on 2012-09-27 at 07:38 (link):

    When you select an Item in a menu, it gets a blue background with white font on it.

    This is directly aligned to the top titlebar without any spacing, so it looks a bit stucked. It would be great if you could add a small spacing, at in the gtk2 version.

  • dab1818 wrote on 2012-10-09 at 09:47 (link):

    ebuild to install this theme on gentoo linux:

    http://bbgentoo.ilb.ru/repos/bbgentoo/bbgentoo_overlay/tags/current/x11-themes/clearlooks-phenix/clearlooks-phenix-2.0.10.ebuild

  • jpfleury wrote on 2012-10-27 at 00:51 (link):

    @dab1818: thanks. Addedin the doc.

    @Marcus: fixed in Clearlooks-Phenix 2.0.11 and Clearlooks-Phenix 3.0.

    @Craig Sanders: thanks. I will add it in the doc.

    @fenns: if you can test the last version for GTK 3.6, let me know if the bug is still there.

  • linuxfool76 wrote on 2012-11-02 at 08:48 (link):

    Great theme - thanks! - my default now on Arch Linux with XFCE!

  • jpfleury wrote on 2012-11-02 at 13:59 (link):

    @linuxfool76: glad you like it.

  • jar wrote on 2012-11-29 at 23:32 (link):

    You saved my life!!

    I was about to commit suicide 'cause i was so stressed that my loved clearlooks theme didn't work properly with gtk3 apps.

    You are an hero!

  • JSkier wrote on 2013-01-03 at 19:03 (link):

    Absolutely love this theme, please keep this going. It's the only one that looks pretty and is consistent in XFCE with GTK 2 / 3 apps.

    Any plans for a porting the Classic Clearlooks theme? That had the rounded corners, another one of my favorites from the GTK2 days.

  • bengtfrost wrote on 2013-02-02 at 14:19 (link):

    Looks great with LXDE/Openbox on Debian Testing. Great theme.Thanks!

  • Manuel wrote on 2013-03-12 at 05:48 (link):

    Thank you, I installed clearlooks-phenix-theme on my debian wheezy where I use XFCE 4.8 and it works great: gedit is good-looking again :-)

  • C wrote on 2013-03-17 at 21:17 (link):

    This is the only GTK3 theme which just "feels right" for a desktop machine in my opinion.

    ...Which compells me to kindly ask: would there be any chance of a proper Shiki port as well? Shiki-Nouveau was promising, but the one working on it grew fed-up with GTK3 breaking it in 3.6 ( quite understandable ) so it's development was given up.

    Either way, thanks so much for keeping Clearlooks alive! I am jealous that Mint 13 is 3.4, because 3.6 ( phenix V3 ) looks even better! ( nicer tabs ). The only thing I don't see ( at least in V2 ) is alternating gray and white in lists ( such as in a file manager or Rhythmbox )

  • C wrote on 2013-04-06 at 23:08 (link):

    I felt compelled to thank you for your work once again.

    I happened to stumble upon this-> https://bugzilla.gnome.org/show_bug.cgi?id=687752 and saw your entry there.

    It gave me a different perspective, and seeing that here in my last comment I went and asked about the possibility of you carrying on yet another (now as of 3.6) broken theme... I take it back. In the GTK2 days I was able to peek around in the gtkrc code and shape themes to my own personal preference. I have no experience in coding from any other source other than also modifying metacity. GTK3 has made something that I too used to enjoy very frustrating. In my own small way I understand how it must feel devoting time to Clearlooks-Phenix.

    It seems almost funny that something like a "skin" ( good ol' Winamp days ) for a desktop interface would be such a big deal. Yet, like other simple things such as background wallpaper or icons, it significantly affects the individual using the machine ( even to the extent of one's mood ). You have done many, many people a favor that not everyone is able to appreciate. Thank you again.

Adding comment

Add a comment.

Search this site

Donate

Powered by Squeletml | Top