Archive pour mars 2008

EEE avec une belle interface Oxygen

Lundi 3 mars 2008

Visuellement, plusieurs choses me déplaisent dans l’easy mode. D’abord les bords des fenêtres qui rappellent celles de Windows XP. Ensuite les icones enfantines du menu. Enfin les icônes des applications (le thème classique crystal de KDE 3). Et ce qui me dérange le plus c’est le manque de cohérence graphique en tous ces éléments.

Je vous propose donc ici un tutoriel afin de disposer d’une interface graphiquement cohérente et moderne. Pour illustrer le résulat voici quelques copies d’écran.

Onglet Internet

Onglet Internet

 

Onglet Multimedia avec Konqueror

Onglet Multimedia avec Konqueror

Introduction

1. Objectif

Pour personnaliser son eee, on peut bien évidement rajouter une icône ici ou là, mais on n’a rien de cohérent.

Pour obtenir cette cohérence je suis donc parti d’un pack d’icône déjà existant pour KDE (la plupart des applications de l’eee utilisent KDE) : le pack Oxygen fournit avec le tout nouveau KDE 4. C’est un pack d’icônes clair, précis, élégant que j’apprécie beaucoup. Le tout est sous licence LGPL, donc librement utilisable. Ce pack n’étant pas complet, je me suis également basé sur Oxygen-Refit qui est un port d’Oxygen pour Gnome, complété par différentes inspirations.

En ce qui concerne le thème IceWM, j’ai opté pour un thème noir : ThinBlack. J’ai utilisé une version adaptée pour l’eeePC. Enfin j’ai modifié l’AsusLauncher à partir de ce thème.

2. Crédits

Creative Commons License

Ce tutoriel et les adaptations propres à l’eee sont mis à disposition sous un contrat Creative Commons-NC-SA. Si vous souhaitez citer partiellement ou totalement, il est obligatoire d’indiquer l’auteur et la source.

Le pack d’icône Oxygen est réalisé par l’équipe Oxygen, sous la direction de David Vignoni. Les icônes sont placées sous double licence: Creative Common Attribution-ShareAlike 3.0 License et GNU Library General Public License 3. http://www.oxygen-icons.org/

Le pack d’icône Oxygen-Refit est réalisé par Christopher Bratusek et Jason Scurtu sur la base du travail de l’équipe Oxygen, complété par d’autres inspirations. Le pack est sous GNU Library General Public License 3. http://download.tuxfamily.org/oxygenrefit/

Le thème IceWM Thinkblack est réalisé par albi et placé sous GNU General Public License 2. http://freshmeat.net/projects/thinblack/ J’utilise une version modifiée par Sublime Porte.

Installation

1. Thème d’icônes pour KDE

La plupart des applications présentes dans l’eee appartiennent à l’environnement de bureau KDE. Elles utilisent toutes le thème d’icônes fournit par défaut avec KDE 3 : Crystal SVG. La première étape consiste donc à changer ce thème au profit d’oxygen.

Commençons par télécharger le thème oxygen. Il est malheureusement uniquement disponible sur les serveurs de KDE, je l’ai donc extrait et vous le propose au téléchargement.

Lancer le Terminal (CTRL+ALT+T) et télécharger l’archive :

wget http://umcisou.free.fr/download/oxygen.tar.gz

Puis pour la décompresser :

sudo tar xvfz ./oxygen.tar.gz -C /usr/share/icons/

Toujours via le terminal, tapez :

kcontrol

Cela lance le centre de contrôle de KDE. Allez dans Display > Theme > Icons et sélectionner “Oxygen Icon Theme” puis valider en cliquant sur “Appliquer” et fermer.

Kcontrol

Voilà le thème oxygen installé pour vos applications KDE. Vous pouvez vérifier en lançant le gestionnaire de fichier : vous remarquerez que les icônes de la barre des tâches et des dossiers ont été modifiées.

2. Thème d’icônes pour le menu Asus

Deuxième étape, la modification des icônes pour le menu de l’easy mode. L’idée est de remplacer chaque lanceur par une icône correspondante (ou approchante) du pack Oxygen, de modifier l’image et d’appliquer le format d’icônes de l’easy mode (Accessibility, Business, Hi, Home, Norm, et Student) . Bref une opération très longue et fastidieuse.

Heureusement j’ai déjà réalisé ce travail. Après, libre à vous d’apporter des modifications.

Ouvrez le Terminal (CTRL+ALT+T) :

wget http://umcisou.free.fr/download/iconesasuslauncher.tgz

sudo tar -zxvf iconesasuslauncher.tgz -C /opt/xandros/share/AsusLauncher

Il ne reste plus qu’à indiquer au fichier de configuration du menu d’utiliser les nouvelles icônes. Deux possibilités :

1) Modifier le fichier simpleui.rc

Si vous souhaitez le faire vous même vous pouvez passer par un utilitaire comme emeditor. Cependant toutes les options ne sont pas encore disponbiles, comme le changement des petites icônes des onglets ou des sous-catégories.

2) Télécharger le fichier simpleui.rc

Ou alors vous pouvez télécharger le fichier simpleui.rc correspondant et l’installer dans /home/user/.AsusLauncher/, soit en ligne de commande via le Terminal :

wget http://umcisou.free.fr/download/simpleui.rc

mkdir /home/user/.AsusLauncher

cp simpleui.rc /home/user/.AsusLauncher

ATTENTION : Si vous avez déjà modifié ce fichier, manuellement ou via un utilitaire, ce fichier écrasera vos modifications précédentres.

4. Le thème du gestionnaire de fenêtre

L’eee utilise le gestionnaire de fenêtre icewm avec un thème particulier qui me fait penser à un Windows XP basique. Donc pas très adapté à la cohérence graphique souhaité.

Heureusement de nombreux thèmes existent pour icewm, il suffit de les adapter à quelques spécificités du eee.

Pour ma part je me suis tourné vers le thème Thinblack qui est très élégant et sobre, donc à mon sens adapté au thème d’icône oxygen. Par chance “Sublime Porte” a déjà adapté ce thème à l’eee et fournit un logiciel qui permet de changer simplement le thème d’icewm.

Il faut donc d’abord télécharger l’utitilitaire (lien) et l’installer (avec le gestionnaire de fichier, clique droit sur le ficier télécharger et choisir “installer le fichier DEB”).

Ce programme nécessite plusieurs dépendances. Pour les installer ouvrez le Terminal et tapez :

sudo apt-get install python-gtk2 python-imaging

Puis télécharger le thème souhaité. Pour ThinBlackReemix ouvrez le Terminal et tapez :

wget http://www.3eportal.com/downloads/ThinBlackReeemix.emt

Puis lancer theeemer en tapant dans le terminal :

theeemer

Vous obtenez cette fenêtre.

Fenêtre de Theeemer

Dans la partie inférieure de la fenêtre “Manage Themes”, cliquer sur “Browse” et sélectionner ThinBlackReeemix.emt puis cliquer sur “Install Theme”.

Dans la partie supérieure de la fenêtre “Select Theme” sélectionner ThinBlackReeemix avec le menu déroulant puis cliquer sur “Apply Theme” et fermer theemer. Vous pouvez relancer l’interface avec la combinaison de touches CTRL+ALT+Backspace (retour arrière).

Enfin pour faire disparaître les “EeePC Tips” et “SOS” qui n’ont pas vraiment d’utilité, ouvrer un terminal :

kate /home/user/.icewm/toolbar2

Dans la fenêtre qui vient de s’afficher remplacer le texte présent par celui-ce :

#This is a default toolbar definition file for IceWM
#
# Place your personal variant in $HOME/.icewm directory.
#prog “SOS” taskmanager ksysguard –showprocesses
#prog “Eee PC Tips” eeepctips /bin/sh -c “firefox file:///opt/xandros/share/eeetips/$(basename $LANG .UTF-8)/index.html”
prog “Shutdown” shutdown /opt/xandros/bin/shutdown_dialog shutdown

Et relancer l’interface.

5. Le thème pour la barre Asus Launcher

Reste à modifier la couleur de la barre de lancement en haut de l’eeePC.

Pour ceux qui ont téléchargé le fichier simpleui.rc à l’étape 2, cela est déjà fait.

Pour les autres vous devez éditer ce fichier. Ouvrer le Terminal :

kate /home/user/.AsusLauncher/simpleui.rc

Remplacer en début de document :

barBackground=”barbg.png”

par

barBackground=”barbg2.png”

Et relancer l’interface.