Browse Source

Import upstream version 3.0.5

launchpad/master
Andrew O. Shadura Package Import Robot 8 years ago
parent
commit
5d6123a1f7
41 changed files with 1252 additions and 828 deletions
  1. +102
    -23
      doc/LISEZ-MOI.mkd
  2. +100
    -23
      doc/README.mkd
  3. BIN
      doc/exemple3.png
  4. +155
    -0
      doc/images.sh.txt
  5. +1
    -1
      doc/version.txt
  6. +64
    -0
      gtk-2.0/applications.rc
  7. +6
    -27
      gtk-2.0/gtkrc
  8. +97
    -1
      gtk-3.0/applications.css
  9. +46
    -0
      gtk-3.0/gtk-variant.css
  10. +113
    -34
      gtk-3.0/gtk-widgets-img.css
  11. +129
    -198
      gtk-3.0/gtk-widgets.css
  12. +263
    -255
      gtk-3.0/gtk.css
  13. +98
    -0
      gtk-3.0/img/border-focused-ptb.svg
  14. BIN
      gtk-3.0/img/menuitem-checkbox-checked-hover.png
  15. BIN
      gtk-3.0/img/menuitem-checkbox-checked-insensitive.png
  16. BIN
      gtk-3.0/img/menuitem-checkbox-checked-selected.png
  17. BIN
      gtk-3.0/img/menuitem-checkbox-checked.png
  18. BIN
      gtk-3.0/img/menuitem-checkbox-hover.png
  19. BIN
      gtk-3.0/img/menuitem-checkbox-insensitive.png
  20. BIN
      gtk-3.0/img/menuitem-checkbox-mixed-hover.png
  21. BIN
      gtk-3.0/img/menuitem-checkbox-mixed-insensitive.png
  22. BIN
      gtk-3.0/img/menuitem-checkbox-mixed-selected.png
  23. BIN
      gtk-3.0/img/menuitem-checkbox-mixed.png
  24. BIN
      gtk-3.0/img/menuitem-checkbox.png
  25. BIN
      gtk-3.0/img/menuitem-radio-checked-hover.png
  26. BIN
      gtk-3.0/img/menuitem-radio-checked-insensitive.png
  27. BIN
      gtk-3.0/img/menuitem-radio-checked-selected.png
  28. BIN
      gtk-3.0/img/menuitem-radio-checked.png
  29. BIN
      gtk-3.0/img/menuitem-radio-hover.png
  30. BIN
      gtk-3.0/img/menuitem-radio-insensitive.png
  31. BIN
      gtk-3.0/img/menuitem-radio.png
  32. +0
    -66
      gtk-3.0/img/sidebar-radio-checked.svg
  33. +0
    -66
      gtk-3.0/img/sidebar-radio-prelight.svg
  34. +0
    -66
      gtk-3.0/img/sidebar-radio-selected-prelight.svg
  35. +0
    -66
      gtk-3.0/img/sidebar-radio-selected.svg
  36. BIN
      gtk-3.0/img/slider-horz-grip.png
  37. BIN
      gtk-3.0/img/slider-vert-grip.png
  38. +1
    -1
      gtk-3.0/settings.ini
  39. BIN
      wallpapers/clearlooks-phenix.png
  40. +76
    -0
      wallpapers/clearlooks-phenix.svg
  41. +1
    -1
      xfwm4/themerc

+ 102
- 23
doc/LISEZ-MOI.mkd View File

@@ -2,37 +2,61 @@

## À propos

Le projet Clearlooks-Phénix (anciennement nommé Clearwaita) a pour but de créer une version GTK3 de Clearlooks, thème par défaut de Gnome 2. Les fichiers pour GTK3 correspondent à une modification en profondeur d'Adwaita, le thème par défaut de Gnome 3. Les fichiers pour GTK2 sont une copie non modifiée du thème Clearlooks original.
Le projet Clearlooks-Phénix (anciennement nommé Clearwaita) a pour but de créer une version GTK3 de Clearlooks, thème par défaut de Gnome 2. Un style est également inclus pour GTK2, Unity et les gestionnaires de fenêtres Metacity, Openbox et Xfwm4.

Aussi, des fichiers pour les gestionnaires de fenêtres Metacity, Openbox et Xfwm4 sont inclus.

Voici deux captures d'écran (s'il y a lieu, cliquer pour télécharger l'image au format original):
Voici quelques captures d'écran (s'il y a lieu, cliquer pour télécharger l'image au format original):

<a href="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple1.png"><img src="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple1.png" alt="Capture d'écran du bureau sous Gnome 3 (mode fallback) avec le thème Clearlooks-Phénix" width="658" height="493" /></a>

<img src="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple2.png" alt="Capture d'écran de gedit 3 avec le thème Clearlooks-Phénix" width="658" height="529" />

<a href="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple3.png"><img src="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple3.png" alt="Capture d'écran de GTK+ Widget Factory avec le thème Clearlooks-Phénix" width="658" height="435" /></a>
<a href="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple3.png"><img src="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple3.png" alt="Capture d'écran de GTK+ Widget Factory avec le thème Clearlooks-Phénix" width="658" height="443" /></a>

## Dépendances

- Dépendances de Clearlooks-Phénix 1: paquet `gnome-themes-standard`.
- Dépendances de Clearlooks-Phénix 1: paquets `gtk2-engines` (si des logiciels GTK2 sont utilisés) et `gnome-themes-standard`.

- Dépendances de Clearlooks-Phénix 2: paquets `gtk2-engines` (si des logiciels GTK2 sont utilisés), `gnome-themes-standard` et `gtk3-engines-unico`.

- Dépendances de Clearlooks-Phénix 2: paquets `gnome-themes-standard` et `gtk3-engines-unico`.
- Dépendances de Clearlooks-Phénix 3: paquet `gtk2-engines` (si des logiciels GTK2 sont utilisés).

## Installation

Peu importe la méthode d'installation choisie, le thème devra être sélectionné une fois l'installation terminée:

- Sous Gnome: avec le logiciel [gnome-tweak-tool](https://live.gnome.org/GnomeTweakTool), en paramétrant *Theme > Window theme* et *Theme > GTK+ theme*, ou en console:
dconf write /org/gnome/desktop/wm/preferences/theme \'Clearlooks-Phenix\'
dconf write /org/gnome/desktop/interface/gtk-theme \'Clearlooks-Phenix\'
- Sous Xfce: en allant dans *Paramètres > Apparence > Style* du menu principal pour le thème GTK, et dans *Paramètres > Gestionnaire de fenêtres > Style* pour le thème de Xfwm4, ou en console:
xfconf-query -s Clearlooks-Phenix -c xfwm4 -p /general/theme
xfconf-query -s Clearlooks-Phenix -c xsettings -p /Net/ThemeName

### Manuellement

**La méthode manuelle assure d'installer la dernière version du thème.** Voir plus bas pour d'autres méthodes d'installation.

- Télécharger l'archive de la version correspondant à votre situation:

- pour GTK 3.0 et 3.2: [télécharger Clearlooks-Phénix 1](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/1.0.1/);
- pour GTK 3.0 et 3.2: [télécharger Clearlooks-Phénix 1](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/v1/);
- pour GTK 3.4 et versions suivantes: [télécharger Clearlooks-Phénix 2](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/master/).
- pour GTK 3.4: [télécharger Clearlooks-Phénix 2](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/v2/).
- pour GTK 3.6 et versions suivantes: [télécharger Clearlooks-Phénix 3](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/master/).
Pour connaître sa version de GTK:
- vous pouvez vérifier dans votre gestionnaire de paquets la version du paquet `libgtk-3-0`;
- Vous pouvez vérifier dans votre gestionnaire de paquets la version du paquet `libgtk-3-0`.
- Si vous avez un logiciel de Gnome (gedit, Nautilus, File Roller, Evince, etc.) sur votre système, vous pouvez ouvrir ce dernier et visiter l'élément de menu *Aide > À propos*. Par exemple, si votre version de gedit est 3.2.3, alors vous avez GTK 3.2.
- Si vous utilisez Ubuntu, voici une correspondance entre ses versions et celles de GTK (pour une installation par défaut d'Ubuntu):
- si vous avez un logiciel de Gnome (gedit, Nautilus, File Roller, Evince, etc.) sur votre système, vous pouvez ouvrir ce dernier et visiter l'élément de menu *Aide > À propos*. Par exemple, si votre version de gedit est 3.2.3, alors vous avez GTK 3.2.
- Ubuntu 11.10: GTK 3.2
- Ubuntu 12.04: GTK 3.4
- Ubuntu 12.10: GTK 3.6

- Extraire l'archive.

@@ -44,14 +68,66 @@ Voici deux captures d'écran (s'il y a lieu, cliquer pour télécharger l'image
- `/usr/share/themes/` pour tous les utilisateurs, incluant le style des logiciels lancés en tant que superutilisateur (par exemple Synaptic).

- Ensuite, choisir le thème Clearlooks-Phénix:
### Arch Linux

- sous Gnome: avec le logiciel [gnome-tweak-tool](https://live.gnome.org/GnomeTweakTool);
- sous Xfce: en allant dans *Paramètres > Apparence* du menu principal pour le thème GTK, et dans *Paramètres > Gestionnaire de fenêtres* pour le thème de Xfwm4.
Un [paquet AUR](https://aur.archlinux.org/packages.php?ID=60380) est maintenu par eworm.

### Debian

Le paquet [`clearlooks-phenix-theme`](http://packages.debian.org/sid/clearlooks-phenix-theme) peut être installé sous Debian unstable.

### Gentoo

Le `ebuild` suivant peut être utilisé:

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

### Ubuntu

Le paquet [`clearlooks-phenix-theme`](http://packages.ubuntu.com/quantal/clearlooks-phenix-theme) peut être installé sous Ubuntu 12.10 ou toute version ultérieure.

#### PPA du site NoobsLab

Le site NoobsLab fournit un PPA permettant d'installer Clearlooks-Phénix. Voir l'article [Install Clearlooks-Phenix GTK theme on Ubuntu 12.10/12.04/11.10/Linux Mint](http://www.noobslab.com/2012/10/install-clearlooks-phenix-gtk-theme-on.html) pour plus de détails.

## Configuration

### Sélection du thème

### Arrière-plan

L'arrière-plan utilisé dans la capture d'écran du bureau de Gnome est disponible dans le dossier `wallpapers`.

### Icônes

Le thème d'icônes utilisé dans la même capture d'écran est Mist, installé avec le paquet [`gnome-themes`](http://packages.ubuntu.com/oneiric/gnome-themes), sous licence LGPL. Cependant, ce paquet n'est plus disponible pour les dernières versions d'Ubuntu. Voici une méthode simple pour installer Mist:

- [Télécharger l'archive du thème d'icônes Mist.](http://www.jpfleury.net/site/fichiers/Mist.tar)

- Extraire l'archive.

- Copier le dossier `Mist` dans un des deux emplacements suivants:

- `~/.icons/` pour l'utilisateur courant;
- `/usr/share/icons/` pour tous les utilisateurs.

- Ensuite, choisir le thème d'icônes Mist:

- sous Gnome: avec le logiciel gnome-tweak-tool en paramétrant *Theme > Icon theme*;
- sous Xfce: en allant dans *Paramètres > Apparence > Icônes* du menu principal.

Aussi, des jeux de couleurs ont été réalisés par DDZ pour s'agencer avec Clearlooks-Phénix:

- [Gnome-Colors-Clearlooks](http://opendesktop.org/content/show.php?content=151907), jeu de couleurs pour le thème d'icônes Gnome-Colors;

- [Humanities-Clearlooks](http://opendesktop.org/content/show.php?content=151908), jeu de couleurs pour le thème d'icônes Humanities.

- [KDE3-Clearlooks-Colors](http://opendesktop.org/content/show.php?content=151994), jeu de couleurs pour KDE 3.

- [KDE4-Clearlooks-Colors](http://opendesktop.org/content/show.php?content=151993), jeu de couleurs pour KDE 4.

### Bureau géré par Nautilus

Par défaut, le texte des icônes sur un bureau géré par Nautilus est noir. Pour afficher le texte en blanc, ouvrir le fichier `gtk-3.0/applications.css` dans un éditeur de texte, trouver le code relatif à Nautilus:
@@ -78,28 +154,29 @@ et le décommenter, ce qui donne:

Pour avoir une couleur personnalisée, modifier la couleur directement dans le fichier `gtk-3.0/applications.css`.

### Emplacement des boutons de fenêtres
### Variantes de couleurs

Si après une installation ou une mise à jour d'Ubuntu, les boutons de fenêtres se trouvent à gauche, mais que vous les voulez à droite, lancez la commande suivante dans une console:
Il est très facile de créer une variante de couleurs du thème GTK3. Seulement quelques déclarations de couleur doivent être modifiées dans la première section du fichier `gtk-3.0/gtk.css`.

gconftool-2 --set /apps/metacity/general/button_layout --type string ":minimize,maximize,close"
En ce qui concerne la bordure des boutons, elle provient de fichiers au format SVG, qui peuvent être modifiés avec [Inkscape](http://inkscape.org/). Pour plus de détails, voir la capture vidéo [Utiliser Inkscape pour modifier la couleur de la bordure d'un bouton](http://www.youtube.com/watch?v=DWJHDS5hQsw). Un script Bash est également inclus avec Clearlooks-Phénix dans le but d'accélérer la modification des images SVG et PNG. Pour l'utiliser, copier le fichier `doc/images.sh.txt`, le coller à la racine du thème en cours de développement (au même emplacement que le fichier `index.theme`) et le renommer `images.sh`. Ensuite, il ne reste plus qu'à modifier les variables dans la première section du fichier selon la variante de couleurs voulue et à lancer le script dans une console (`bash images.sh`). Le paquet `imagemagick` est requis.

## Icônes et arrière-plan
### Emplacement des boutons de fenêtres

Sur les captures d'écran, le thème d'icônes utilisé est Mist, installé avec le paquet [`gnome-themes`](http://packages.ubuntu.com/oneiric/gnome-themes).
Si après une installation ou une mise à jour d'Ubuntu, les boutons de fenêtres se trouvent à gauche, mais que vous les voulez à droite, lancez la commande suivante dans une console:

L'arrière-plan est une légère modification d'une [image de volvoguy](http://www.volvoguy.net/ubuntu/).
gconftool-2 --set /apps/metacity/general/button_layout --type string ":minimize,maximize,close"

## Développement

Dernière version: 2.0.5 (2012-06-26)
Dernière version: 3.0.5 (2012-11-02)

Le logiciel Git est utilisé pour la gestion de versions. [Le dépôt peut être consulté en ligne ou récupéré en local.][git]

Clearlooks-Phénix dispose également d'un [système de suivi], sur lequel les rapports de bogues et les suggestions peuvent être soumis.
Clearlooks-Phénix dispose également d'un [système de suivi], sur lequel les rapports de bogues et les suggestions peuvent être soumis. Des commentaires peuvent également être postés sur la page de [Clearlooks-Phénix sur GNOME-Look.org][gnome-look].

[git]: http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/
[système de suivi]: http://jpfleury.indefero.net/p/clearlooks-phenix/issues/
[gnome-look]: http://gnome-look.org/content/show.php?content=145210

## Licence

@@ -132,3 +209,5 @@ ce programme; si ce n'est pas le cas, consultez

- Thème [Clearlooks XFWM4](http://xfce-look.org/content/show.php/Clearlooks+for+XFWM4?content=137055), sous licence GPL.

- Fichiers dans `wallpapers`, basés sur une [image de volvoguy](http://gnome-look.org/content/show.php?content=22210), sous licence GPL.


+ 100
- 23
doc/README.mkd View File

@@ -2,11 +2,9 @@

## Overview

The Clearlooks-Phenix project (formerly known as Clearwaita) aims at creating a GTK3 port of Clearlooks, the default theme for Gnome 2. Files for GTK3 correspond to significant changes of Adwaita, the default Gnome 3 theme. Files for GTK2 come from the unmodified Clearlooks theme.
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.

Also, files for Metacity, Openbox and Xfwm4 window managers are included.

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

<a href="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple1.png"><img src="http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/doc/exemple1.png" alt="Screenshot of a Gnome 3 desktop (fallback mode) with the Clearlooks-Phenix theme" width="658" height="493" /></a>

@@ -16,23 +14,49 @@ Here are two screenshots (if applicable, click to download the original image):

## Requirements

- Requirements for Clearlooks-Phenix 1: package `gnome-themes-standard`.
- 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 2: packages `gnome-themes-standard` and `gtk3-engines-unico`.
- Requirements for Clearlooks-Phenix 3: package `gtk2-engines` (if GTK2 applications are used).

## Installation

- Download the appropriate version according to your situation:
Regardless of the installation method chosen, the theme must be selected once the installation is complete:

- for GTK 3.0 and 3.2: [download Clearlooks-Phenix 1](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/1.0.1/);
- On Gnome: with [gnome-tweak-tool](https://live.gnome.org/GnomeTweakTool), 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\'
- for GTK 3.4 and newer: [download Clearlooks-Phenix 2](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/master/).
- 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:

- for GTK 3.0 and 3.2: [download Clearlooks-Phenix 1](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/v1/);
- for GTK 3.4: [download Clearlooks-Phenix 2](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/v2/).
- for GTK 3.6 and newer: [download Clearlooks-Phenix 3](http://jpfleury.indefero.net/p/clearlooks-phenix/source/download/master/).
To find your GTK version:
- you can check in your package manager the version of the package `libgtk-3-0`;
- You can check in your package manager the version of the package `libgtk-3-0`.
- If you use a Gnome application (gedit, Nautilus, File Roller, Evince, etc.), you can open it and go to *Help > About*. For example, if you have gedit 3.2.3, then you have GTK 3.2.
- if you use a Gnome application (gedit, Nautilus, File Roller, Evince, etc.), you can open it and go to *Help > About*. For example, if you have gedit 3.2.3, then you have GTK 3.2.
- 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.

@@ -44,14 +68,64 @@ Here are two screenshots (if applicable, click to download the original image):
- `/usr/share/themes/` for all users, including style for programs ran with root privileges (e.g. Synaptic).

- Then, choose Clearlooks-Phenix theme:
### Arch Linux

- on Gnome: with [gnome-tweak-tool](https://live.gnome.org/GnomeTweakTool);
- on Xfce: by going to *Settings > Appearence* in the main menu for the GTK theme, and to *Settings > Window Manager* for the Xfwm4 theme.
An [AUR package](https://aur.archlinux.org/packages.php?ID=60380) is maintained by eworm.

### Debian

The package [`clearlooks-phenix-theme`](http://packages.debian.org/sid/clearlooks-phenix-theme) can be installed on Debian unstable.

### Gentoo

The following `ebuild` can be used:

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

### Ubuntu

The package [`clearlooks-phenix-theme`](http://packages.ubuntu.com/quantal/clearlooks-phenix-theme) can be installed on Ubuntu 12.10 and newer.

#### PPA du site NoobsLab

NoobsLab provides a PPA allowing to install Clearlooks-Phenix. See the article [Install Clearlooks-Phenix GTK theme on Ubuntu 12.10/12.04/11.10/Linux Mint](http://www.noobslab.com/2012/10/install-clearlooks-phenix-gtk-theme-on.html) for more details.

## 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`](http://packages.ubuntu.com/oneiric/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.](http://www.jpfleury.net/site/fichiers/Mist.tar)

- 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:

- [Gnome-Colors-Clearlooks](http://opendesktop.org/content/show.php?content=151907), color scheme for the icon theme Gnome-Colors;

- [Humanities-Clearlooks](http://opendesktop.org/content/show.php?content=151908), color scheme for the icon theme Humanities.

- [KDE3-Clearlooks-Colors](http://opendesktop.org/content/show.php?content=151994), color scheme for KDE 3.

- [KDE4-Clearlooks-Colors](http://opendesktop.org/content/show.php?content=151993), color scheme for KDE 4.

### 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:
@@ -78,28 +152,29 @@ and uncomment it, as follows:

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

### Window buttons layout
### Color variants

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:
It's very easy to create color variants of the GTK3 theme. Only a few color declarations must be changed in the first section of the file `gtk-3.0/gtk.css`.

gconftool-2 --set /apps/metacity/general/button_layout --type string ":minimize,maximize,close"
About button borders, they come from SVG files. [Inkscape](http://inkscape.org/) can be used to modify them. For more details, see the screencast [Utiliser Inkscape pour modifier la couleur de la bordure d'un bouton](http://www.youtube.com/watch?v=DWJHDS5hQsw). 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.

## Icons and wallpaper
### Window buttons layout

On screenshots, the icon theme used is Mist, installed with the package [`gnome-themes`](http://packages.ubuntu.com/oneiric/gnome-themes).
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:

The wallpaper is a slightly modified version of an [image from volvoguy](http://www.volvoguy.net/ubuntu/).
gconftool-2 --set /apps/metacity/general/button_layout --type string ":minimize,maximize,close"

## Development

Last version: 2.0.5 (2012-06-26)
Last version: 3.0.5 (2012-11-02)

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

Clearlooks-Phenix has an [issue tracker], on which bug reports and feature requests can be submitted.
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][gnome-look].

[git]: http://jpfleury.indefero.net/p/clearlooks-phenix/source/tree/master/
[issue tracker]: http://jpfleury.indefero.net/p/clearlooks-phenix/issues/
[gnome-look]: http://gnome-look.org/content/show.php?content=145210

## License

@@ -131,3 +206,5 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.

- [Clearlooks XFWM4](http://xfce-look.org/content/show.php/Clearlooks+for+XFWM4?content=137055) theme, under GPL.

- Files in `wallpapers`, based on an [image from volvoguy](http://gnome-look.org/content/show.php?content=22210), under GPL.


BIN
doc/exemple3.png View File

Before After
Width: 914  |  Height: 605  |  Size: 75 KiB Width: 936  |  Height: 630  |  Size: 91 KiB

+ 155
- 0
doc/images.sh.txt View File

@@ -0,0 +1,155 @@
#!/bin/bash

# Script d'assistance à la modification des images du thème Clearlooks-Phénix
# dans le but de créer une variante de couleurs.
#
# Placer ce script à la racine du thème (c'est-à-dire au même emplacement que
# le fichier «index.theme»), personnaliser la section «Variables à modifier.»
# et lancer le script dans une console:
#
# $ bash images.sh

########################################################################
##
## Variables à modifier.
##
########################################################################

# Variation de la luminosité, de la saturation et de la teinte des fichiers PNG
# pour le style «hover». Pour plus de détails, voir le lien suivant:
# <http://www.imagemagick.org/script/command-line-options.php#modulate>.
pngVariation=100,100,300

# Liste des fichiers SVG à modifier.

# Fichier «border.svg».
svgBcouleurBordure=918e8c
svgBcouleurBordureExterneBas=ffffff

# Fichier «border-error.svg».
svgBeCouleurBordure=9b3636
svgBeCouleurBordureExterneBas=ffffff

# Fichier «border-focused.svg».
svgBfCouleurBordure=4b6e99
svgBfCouleurBordureInterne=c8daef
svgBfCouleurBordureExterneBas=ffffff

# Fichier «border-focused-ptb.svg».
svgBfCouleurBordure=869bb7
svgBfCouleurBordureInterne=cccccc

# Fichier «border-focused-switch.svg».
svgBfScouleurBordure=4b6e99
svgBfScouleurBordureExterneBas=ffffff

# Fichier «border-gnome-panel-button.svg».
svgBgPbCouleurBordure=918e8c

# Fichier «border-inline-button.svg».
svgBiBcouleurBordure=918e8c
svgBiBcouleurBordureExterneBas=ffffff

# Fichier «border-insensitive.svg».
svgBiCouleurBordure=a9a5a2
svgBiCouleurBordureExterneBas=ffffff

########################################################################
##
## Code principal. Ne pas modifier.
##
########################################################################

# Dépendances.

if ! type convert > /dev/null 2>&1; then
echo "Veuillez installer le paquet «imagemagick»" >&2
exit 1
fi

if ! type sed > /dev/null 2>&1; then
echo "Veuillez installer le paquet «sed»" >&2
exit 1
fi

# Dossier de sauvegarde des images modifiées.

dossierSauv=gtk-3.0/img/modif
i=0

while ! mkdir "$dossierSauv" > /dev/null 2>&1 && ((i < 100)); do
((++i))
dossierSauv=gtk-3.0/img/modif-$i
done

if [[ ! -d $dossierSauv ]]; then
echo "Impossible de créer un dossier de sauvegarde pour y déplacer les images modifiées." >&2
exit 1
fi

# Modification des images PNG.

png=(
gtk-3.0/img/checkbox-checked-hover.png
gtk-3.0/img/checkbox-mixed-hover.png
gtk-3.0/img/checkbox-unchecked-hover.png
gtk-3.0/img/menuitem-checkbox-checked-hover.png
gtk-3.0/img/menuitem-checkbox-hover.png
gtk-3.0/img/menuitem-checkbox-mixed-hover.png
gtk-3.0/img/menuitem-radio-checked-hover.png
gtk-3.0/img/menuitem-radio-hover.png
gtk-3.0/img/radio-checked-hover.png
gtk-3.0/img/radio-mixed-hover.png
gtk-3.0/img/radio-unchecked-hover.png
)

for image in "${png[@]}"; do
convert "$image" -modulate "$pngVariation" "$dossierSauv/${image##*/}"
done

# Modification des images SVG.

svgB=gtk-3.0/img/border.svg
cp "$svgB" "$dossierSauv"
sed -i "s/#918e8c;/#$svgBcouleurBordure;/" "$dossierSauv/${svgB##*/}"
sed -i "s/#ffffff;/#$svgBcouleurBordureExterneBas;/" "$dossierSauv/${svgB##*/}"

svgBe=gtk-3.0/img/border-error.svg
cp "$svgBe" "$dossierSauv"
sed -i "s/#9b3636;/#$svgBeCouleurBordure;/" "$dossierSauv/${svgBe##*/}"
sed -i "s/#ffffff;/#$svgBeCouleurBordureExterneBas;/" "$dossierSauv/${svgBe##*/}"

svgBf=gtk-3.0/img/border-focused.svg
cp "$svgBf" "$dossierSauv"
sed -i "s/#4b6e99;/#$svgBfCouleurBordure;/" "$dossierSauv/${svgBf##*/}"
sed -i "s/#c8daef;/#$svgBfCouleurBordureInterne;/" "$dossierSauv/${svgBf##*/}"
sed -i "s/#ffffff;/#$svgBfCouleurBordureExterneBas;/" "$dossierSauv/${svgBf##*/}"

svgBfPtb=gtk-3.0/img/border-focused-ptb.svg
cp "$svgBfPtb" "$dossierSauv"
sed -i "s/#869bb7;/#$svgBfCouleurBordure;/" "$dossierSauv/${svgBfPtb##*/}"
sed -i "s/#cccccc;/#$svgBfCouleurBordureInterne;/" "$dossierSauv/${svgBfPtb##*/}"

svgBfS=gtk-3.0/img/border-focused-switch.svg
cp "$svgBfS" "$dossierSauv"
sed -i "s/#4b6e99;/#$svgBfScouleurBordure;/" "$dossierSauv/${svgBfS##*/}"
sed -i "s/#ffffff;/#$svgBfScouleurBordureExterneBas;/" "$dossierSauv/${svgBfS##*/}"

svgBgPb=gtk-3.0/img/border-gnome-panel-button.svg
cp "$svgBgPb" "$dossierSauv"
sed -i "s/#918e8c;/#$svgBgPbCouleurBordure;/" "$dossierSauv/${svgBgPb##*/}"

svgBiB=gtk-3.0/img/border-inline-button.svg
cp "$svgBiB" "$dossierSauv"
sed -i "s/#918e8c;/#$svgBiBcouleurBordure;/" "$dossierSauv/${svgBiB##*/}"
sed -i "s/#ffffff;/#$svgBiBcouleurBordureExterneBas;/" "$dossierSauv/${svgBiB##*/}"

svgBi=gtk-3.0/img/border-insensitive.svg
cp "$svgBi" "$dossierSauv"
sed -i "s/#a9a5a2;/#$svgBiCouleurBordure;/" "$dossierSauv/${svgBi##*/}"
sed -i "s/#ffffff;/#$svgBiCouleurBordureExterneBas;/" "$dossierSauv/${svgBi##*/}"

# Fin du script.

echo "Les images ont été modifiées."


+ 1
- 1
doc/version.txt View File

@@ -1 +1 @@
2.0.5 (2012-06-26)
3.0.5 (2012-11-02)

+ 64
- 0
gtk-2.0/applications.rc View File

@@ -0,0 +1,64 @@
# Workaround for the evolution ETable (bug #527532)
widget_class "*.<ETable>.<ECanvas>" style "treeview_header"
# Workaround for the evolution ETree
widget_class "*.<ETree>.<ECanvas>" style "treeview_header"

# Special case the nautilus-extra-view-widget
# ToDo: A more generic approach for all applications that have a widget like this.
widget "*.nautilus-extra-view-widget" style : highest "nautilus_location"

# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
# Note that this work around assumes that the combobox is _not_ in appears-as-list mode.
widget_class "*.<GtkComboBox>.<GtkCellView>" style "text_is_fg_color_workaround"
# This is the part of the workaround that fixes the menus
widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround"

# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the base color.
widget_class "*<GtkListItem>*" style "fg_is_text_color_workaround"
# GtkCList also uses the fg color to draw text on top of the base colors.
widget_class "*<GtkCList>" style "fg_is_text_color_workaround"
# Nautilus when renaming files, and maybe other places.
widget_class "*<EelEditableLabel>" style "fg_is_text_color_workaround"

# See the documentation of the style.
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround"

##########################################################################
# Chromium.
##########################################################################

style "chromium_toolbar_button" {
engine "clearlooks" {
colorize_scrollbar = TRUE
reliefstyle = 1
menubarstyle = 2
toolbarstyle = 1
animation = FALSE
radius = 3.0
style = GUMMY

# Set a hint to disable backward compatibility fallbacks.
hint = "use-hints"
}
}

style "chrome-hacks"
{
ChromeGtkFrame::frame-color = "#86abd9"
ChromeGtkFrame::frame-gradient-color = "#8cb0dc"
ChromeGtkFrame::frame-gradient-size = 16
ChromeGtkFrame::inactive-frame-color = "#dedcda"
ChromeGtkFrame::inactive-frame-gradient-color = "#e3e2e0"
ChromeGtkFrame::incognito-frame-color = "#4b6e99"
ChromeGtkFrame::incognito-frame-gradient-color = shade (1.02, "#4b6e99")
ChromeGtkFrame::incognito-inactive-frame-color = "#d5d3d1"
ChromeGtkFrame::incognito-inactive-frame-gradient-color = shade (1.02, "#d5d3d1")
ChromeGtkFrame::scrollbar-trough-color = shade (0.9, "#edeceb")
ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.05, "#86abd9")
ChromeGtkFrame::scrollbar-slider-normal-color = "#86abd9"
}

class "ChromeGtkFrame" style "chrome-hacks"
widget_class "*Chrom*Button*" style "chromium_toolbar_button"


+ 6
- 27
gtk-2.0/gtkrc View File

@@ -1,7 +1,7 @@

# Please keep this gtkrc in sync with the other ones from Clearlooks based themes.

gtk-color-scheme = "base_color:#ffffff\nfg_color:#000000\ntooltip_fg_color:#000000\nselected_bg_color:#86ABD9\nselected_fg_color:#ffffff\ntext_color:#1A1A1A\nbg_color:#EDECEB\ntooltip_bg_color:#F5F5B5"
gtk-color-scheme = "base_color:#ffffff\nfg_color:#000000\ntooltip_fg_color:#000000\nselected_bg_color:#86abd9\nselected_fg_color:#ffffff\ntext_color:#1a1a1a\nbg_color:#edeceb\ntooltip_bg_color:#f5f5b5\nlink_color:#0000ee\nvisited_link_color:#551a8b"

style "default" {
xthickness = 1
@@ -45,6 +45,9 @@ style "default" {

GtkEntry::progress-border = { 2, 2, 2, 2 }

GtkWidget::link-color = @link_color
GtkWidget::visited-link-color = @visited_link_color

####################
# Color Definitions
####################
@@ -329,7 +332,6 @@ style "evo_new_button_workaround" {
}
}


###############################################################################
# The following part of the gtkrc applies the different styles to the widgets.
###############################################################################
@@ -399,28 +401,5 @@ widget "gtk-tooltip*" style "tooltips"
# Following are special cases and workarounds for issues in applications.
##########################################################################

# Workaround for the evolution ETable (bug #527532)
widget_class "*.<ETable>.<ECanvas>" style "treeview_header"
# Workaround for the evolution ETree
widget_class "*.<ETree>.<ECanvas>" style "treeview_header"

# Special case the nautilus-extra-view-widget
# ToDo: A more generic approach for all applications that have a widget like this.
widget "*.nautilus-extra-view-widget" style : highest "nautilus_location"

# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
# Note that this work around assumes that the combobox is _not_ in appears-as-list mode.
widget_class "*.<GtkComboBox>.<GtkCellView>" style "text_is_fg_color_workaround"
# This is the part of the workaround that fixes the menus
widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround"

# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the base color.
widget_class "*<GtkListItem>*" style "fg_is_text_color_workaround"
# GtkCList also uses the fg color to draw text on top of the base colors.
widget_class "*<GtkCList>" style "fg_is_text_color_workaround"
# Nautilus when renaming files, and maybe other places.
widget_class "*<EelEditableLabel>" style "fg_is_text_color_workaround"

# See the documentation of the style.
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround"
include "applications.rc"


+ 97
- 1
gtk-3.0/applications.css View File

@@ -15,6 +15,11 @@
}
*/

.nautilus-desktop .entry {
background-image: none;
border-image: none;
}

/*********
* gedit *
*********/
@@ -23,6 +28,44 @@ GeditFloatingSlider .entry.not-found:focus {
border-image: url("img/border-error.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
}

/*******************
* gnome-documents *
*******************/

.documents-scrolledwin.frame {
border-width: 1px 0 0 0;
border-radius: 0;
}

.documents-main-view.view {
background-color: @theme_base_color;
}

GtkIconView.documents-main-view.check {
background-repeat: no-repeat;
background-position: center;
background-color: @theme_base_color;
}

.documents-selection-mode.toolbar {
border-width: 0;
}

.documents-selection-mode.toolbar .dim-label {
color: @theme_fg_color;
}

.documents-icon-bg {
background-color: @switch_trough_active_gradient_a;
border-radius: 3px;
color: @theme_base_color;
}

.documents-collection-icon {
background-color: @theme_bg_color;
border-radius: 3px;
}

/***************
* gnome-panel *
***************/
@@ -37,6 +80,14 @@ PanelApplet {
color: @os_chrome_fg_color;
}

.gnome-panel-menu-bar,
PanelApplet > GtkMenuBar.menubar,
PanelApplet > GtkMenuBar.menubar.menuitem,
PanelMenuBar.menubar,
PanelMenuBar.menubar.menuitem {
-PanelMenuBar-icon-visible: true;
}

PanelAppletFrame {
background-color: @applet_frame_bg_color;
background-image: none;
@@ -47,7 +98,20 @@ PanelApplet .button,
PanelApplet .button:active,
PanelApplet .button:hover,
PanelApplet .button:hover:active {
border-image: url("img/border-gnome-panel-button.svg") 3 / 3 repeat;
border-image: url("img/border-gnome-panel-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
}

PanelApplet .menu .menuitem *:active {
color: @theme_text_color;
}

PanelApplet .menu .menuitem *:selected {
color: @theme_selected_fg_color;
}

PanelWidget > .button
{
padding: 0;
}

WnckPager {
@@ -65,3 +129,35 @@ GsmFailWhaleDialog {
color: @os_chrome_fg_color;
}

/* gnome-terminal */

TerminalScreen {
background-color: @theme_base_color;
color: @theme_fg_color;
}

/* Unity */

UnityPanelWidget,
.unity-panel {
background-image: none;
background-color: @theme_bg_color;
color: @theme_fg_color;
border-width: 0;
}

.unity-panel.menubar.menuitem:hover {
background-color: @menu_bg_color;
border-style: solid;
border-width: 1px 1px 0px;
border-color: @menubar_menuitem_hover_border_color;
border-radius: 3px 3px 0 0;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@menubar_menuitem_hover_gradient_a),
color-stop (0.50, @menubar_menuitem_hover_gradient_b),
color-stop (0.50, @menubar_menuitem_hover_gradient_c),
to (@menubar_menuitem_hover_gradient_d));
}


+ 46
- 0
gtk-3.0/gtk-variant.css View File

@@ -0,0 +1,46 @@
/***********************************************************************
* This section can be modified to create color variants of the theme. *
***********************************************************************/

/****************
* color scheme *
****************/

@define-color theme_base_color #ffffff;

@define-color theme_bg_color #edeceb;
@define-color theme_fg_color #000000;

@define-color theme_selected_bg_color #86abd9;
@define-color theme_selected_fg_color #ffffff;

@define-color theme_tooltip_bg_color #f5f5b5;
@define-color theme_tooltip_fg_color #000000;

@define-color theme_text_color #1a1a1a;

@define-color link_color #0000ee;
@define-color visited_link_color #551a8b;

/*****************
* error/warning *
*****************/

@define-color error_color #cc0000;

@define-color warning_bg_color #faad3d;

/***************
* core colors *
***************/

/* Core colors are only used in the current file, as bases for other
color declarations. */

@define-color core_color_a #a4c2e8; /* Core color for blue widgets in Clearlooks-Phenix. */
@define-color core_color_b #edeceb; /* Core color for gray widgets in Clearlooks-Phenix. */

/********************************************
* End of configuration for color variants. *
********************************************/


+ 113
- 34
gtk-3.0/gtk-widgets-img.css View File

@@ -2,6 +2,30 @@
* Assets *
**********/

/*************
* GtkSwitch *
*************/

GtkSwitch.slider {
background-image: linear-gradient(to bottom,
alpha (@switch_slider_gradient_a, 0.5),
alpha (@switch_slider_gradient_b, 0.5) 50%,
alpha (@switch_slider_gradient_c, 0.5) 50%,
alpha (@switch_slider_gradient_d, 0.5)),
url("img/slider-horz-grip.png");
background-repeat: no-repeat;
background-position: center center;
}

GtkSwitch.slider:insensitive {
background-image: linear-gradient(to bottom,
alpha (@switch_slider_insensitive_gradient_a, 0.8),
alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%,
alpha (@switch_slider_insensitive_gradient_c, 0.8) 50%,
alpha (@switch_slider_insensitive_gradient_d, 0.8)),
url("img/slider-horz-grip.png");
}

/***************
* Resize grip *
***************/
@@ -14,14 +38,53 @@
* Scrollbar *
***************/

.scrollbar.vertical {
engine: unico;
-unico-centroid-texture: url("img/slider-vert-grip.png");
}

.scrollbar.horizontal {
engine: unico;
-unico-centroid-texture: url("img/slider-horz-grip.png");
.scrollbar.slider {
background-repeat: no-repeat;
background-position: center center;
}

.scrollbar.slider.vertical {
background-image: linear-gradient(to right,
alpha (@scrollbar_slider_inner_border_color, 0.5),
alpha (@scrollbar_slider_gradient_a, 0.5) 1px,
alpha (@scrollbar_slider_gradient_b, 0.5) 50%,
alpha (@scrollbar_slider_gradient_c, 0.5) 50%,
alpha (@scrollbar_slider_gradient_d, 0.5) 95%,
alpha (@scrollbar_slider_inner_border_color, 0.5)),
url("img/slider-vert-grip.png");
}

.scrollbar.slider.horizontal {
background-image: linear-gradient(to bottom,
alpha (@scrollbar_slider_inner_border_color, 0.5),
alpha (@scrollbar_slider_gradient_a, 0.5) 1px,
alpha (@scrollbar_slider_gradient_b, 0.5) 50%,
alpha (@scrollbar_slider_gradient_c, 0.5) 50%,
alpha (@scrollbar_slider_gradient_d, 0.5) 95%,
alpha (@scrollbar_slider_inner_border_color, 0.5)),
url("img/slider-horz-grip.png");
}

.scrollbar.slider.vertical:hover {
background-image: linear-gradient(to right,
alpha (@scrollbar_slider_inner_border_color, 0.5),
alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px,
alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%,
alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%,
alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%,
alpha (@scrollbar_slider_inner_border_color, 0.5)),
url("img/slider-vert-grip.png");
}

.scrollbar.slider.horizontal:hover {
background-image: linear-gradient(to bottom,
alpha (@scrollbar_slider_inner_border_color, 0.5),
alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px,
alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%,
alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%,
alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%,
alpha (@scrollbar_slider_inner_border_color, 0.5)),
url("img/slider-horz-grip.png");
}

/*************************
@@ -136,26 +199,6 @@
background-image: url("img/radio-mixed-insensitive.png");
}

.sidebar .radio:active,
.sidebar .radio:active:focus,
.sidebar .radio:active:hover {
background-image: url("img/sidebar-radio-checked.svg");
}

.sidebar .radio:hover {
background-image: url("img/sidebar-radio-prelight.svg");
}

.sidebar .radio:active:selected,
.sidebar .radio:active:selected:focus {
background-image: url("img/sidebar-radio-selected.svg");
}

.sidebar .radio:selected:hover,
.sidebar .radio:selected:focus {
background-image: url("img/sidebar-radio-selected-prelight.svg");
}

/*********************
* GtkScale's slider *
*********************/
@@ -240,7 +283,18 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
*********/

.menu .menuitem.check {
background-image: none;
background-image: url("img/menuitem-checkbox.png");
background-repeat: no-repeat;
}

.menu .menuitem.check:hover {
background-image: url("img/menuitem-checkbox-hover.png");
background-repeat: no-repeat;
}

.menu .menuitem.check:insensitive {
background-image: url("img/menuitem-checkbox-insensitive.png");
background-repeat: no-repeat;
}

.menu .menuitem.check:active {
@@ -249,7 +303,7 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
}

.menu .menuitem.check:active:hover {
background-image: url("img/menuitem-checkbox-checked-selected.png");
background-image: url("img/menuitem-checkbox-checked-hover.png");
background-repeat: no-repeat;
}

@@ -264,15 +318,30 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
background-repeat: no-repeat;
}

.menu .menuitem.check:inconsistent:hover,
.menu .menuitem.radio:inconsistent:hover {
background-image: url("img/menuitem-checkbox-mixed-hover.png");
background-repeat: no-repeat;
}

.menu .menuitem.check:inconsistent:insensitive,
.menu .menuitem.radio:inconsistent:insensitive {
background-image: url("img/menuitem-checkbox-mixed-insensitive.png");
background-repeat: no-repeat;
}

.menu .menuitem.check:inconsistent:hover,
.menu .menuitem.radio:inconsistent:hover {
background-image: url("img/menuitem-checkbox-mixed-selected.png");
.menu .menuitem.radio {
background-image: url("img/menuitem-radio.png");
background-repeat: no-repeat;
}

.menu .menuitem.radio:hover {
background-image: url("img/menuitem-radio-hover.png");
background-repeat: no-repeat;
}

.menu .menuitem.radio:insensitive {
background-image: url("img/menuitem-radio-insensitive.png");
background-repeat: no-repeat;
}

@@ -282,7 +351,7 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
}

.menu .menuitem.radio:active:hover {
background-image: url("img/menuitem-radio-checked-selected.png");
background-image: url("img/menuitem-radio-checked-hover.png");
background-repeat: no-repeat;
}

@@ -523,6 +592,7 @@ GtkComboBox.combobox-entry .entry:focus,
.button.default,
.primary-toolbar .entry:focus,
.primary-toolbar .button:active:focus,
.primary-toolbar .button:focus:hover,
.primary-toolbar GtkComboBox.combobox-entry .entry:focus,
.primary-toolbar GtkComboBox.combobox-entry .button:focus,
.primary-toolbar .button.raised:focus:active,
@@ -542,6 +612,15 @@ GtkComboBox.combobox-entry .entry:focus,
border-color: transparent;
}

/* focused primary toolbar button borders */
.primary-toolbar .button:focus {
border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;
border-radius: 3px;
border-width: 1px 1px 2px 1px;
border-style: solid;
border-color: transparent;
}

/* focused switch trough borders */
GtkSwitch.trough:active {
border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px repeat;


+ 129
- 198
gtk-3.0/gtk-widgets.css View File

@@ -1,5 +1,5 @@
* {
engine: adwaita;
engine: none;
padding: 0;

background-clip: padding-box;
@@ -17,7 +17,7 @@
-GtkScrolledWindow-scrollbars-within-bevel: 0;

-GtkToolItemGroup-expander-size: 11;
-GtkExpander-expander-size: 11;
-GtkExpander-expander-size: 14;

-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
@@ -31,9 +31,6 @@

-GtkWidget-focus-padding: 2;
-GtkWidget-focus-line-width: 1;
-adwaita-focus-border-color: @focus_border_color;
-adwaita-focus-border-radius: 2;
-adwaita-focus-border-dashes: 1;
-GtkWindow-resize-grip-width: 11;
-GtkWindow-resize-grip-height: 11;
}
@@ -59,7 +56,7 @@ GtkWindow {
*:insensitive {
background-color: @insensitive_bg_color;
color: @insensitive_fg_color;
text-shadow: 1 1 @insensitive_text_shadow_color;
text-shadow: 1px 1px @insensitive_text_shadow_color;
border-color: @insensitive_border_color;
}

@@ -245,7 +242,6 @@ GtkTreeView.separator,

GtkColorSwatch,
GtkColorSwatch:selected {
engine: unico;
border-width: 1px;
border-style: solid;
border-radius: 3px;
@@ -257,13 +253,10 @@ GtkColorSwatch:selected {
GtkColorSwatch:hover,
GtkColorSwatch:selected:hover {
border-color: @color_swatch_hover_border_color;
-unico-inner-stroke-width: 1;
-unico-inner-stroke-color: white;
}

GtkColorChooserWidget #add-color-button:hover,
GtkColorChooserWidget #add-color-button:selected:hover {
-unico-inner-stroke-width: 0;
}

.color-active-badge,
@@ -294,7 +287,6 @@ GtkColorEditor GtkColorSwatch.color-dark:hover {
* Progress bar *
****************/

/* FIXME: this should really be a margin... */
GtkProgressBar {
padding: 0 0 1px 0;
}
@@ -305,23 +297,21 @@ GtkProgressBar {
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focus {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@progressbar_gradient_a),
color-stop (0.50, @progressbar_gradient_b),
color-stop (0.50, @progressbar_gradient_c),
to (@progressbar_gradient_d));
background-color: @progressbar_bg_color;
background-image: linear-gradient(to bottom,
alpha (@progressbar_gradient_a, 0.7),
alpha (@progressbar_gradient_b, 0.7) 50%,
alpha (@progressbar_gradient_c, 0.7) 50%,
alpha (@progressbar_gradient_d, 0.7)),
repeating-linear-gradient(135deg,
alpha (@progressbar_pattern_color, 0.0),
alpha (@progressbar_pattern_color, 0.0) 12px,
alpha (@progressbar_pattern_color, 0.5) 12px,
alpha (@progressbar_pattern_color, 0.5) 24px);
border-radius: 3px;
border-width: 1px;
border-style: solid;
border-color: @progressbar_border_color;
-adwaita-progressbar-pattern: -gtk-gradient (linear,
left top, right bottom,
from (alpha (@progressbar_pattern_color, 0.00)),
color-stop (0.49, alpha (@progressbar_pattern_color, 0.00)),
color-stop (0.50, alpha (@progressbar_pattern_color, 0.10)),
to (alpha (@progressbar_pattern_color, 0.10)));
}

.progressbar row:selected,
@@ -330,19 +320,16 @@ GtkProgressBar {
}

.progressbar.vertical {
background-image: -gtk-gradient (linear,
left top,
right top,
from (@progressbar_gradient_a),
color-stop (0.50, @progressbar_gradient_b),
color-stop (0.50, @progressbar_gradient_c),
to (@progressbar_gradient_d));
-adwaita-progressbar-pattern: -gtk-gradient (linear,
left bottom, right top,
from (alpha (@progressbar_pattern_color, 0.00)),
color-stop (0.49, alpha (@progressbar_pattern_color, 0.00)),
color-stop (0.50, alpha (@progressbar_pattern_color, 0.10)),
to (alpha (@progressbar_pattern_color, 0.10)));
background-image: linear-gradient(to right,
alpha (@progressbar_gradient_a, 0.7),
alpha (@progressbar_gradient_b, 0.7) 50%,
alpha (@progressbar_gradient_c, 0.7) 50%,
alpha (@progressbar_gradient_d, 0.7)),
repeating-linear-gradient(45deg,
alpha (@progressbar_pattern_color, 0.0),
alpha (@progressbar_pattern_color, 0.0) 12px,
alpha (@progressbar_pattern_color, 0.5) 12px,
alpha (@progressbar_pattern_color, 0.5) 24px);
}

/* for progressbars in cell renderers */
@@ -363,14 +350,9 @@ GtkProgressBar {
************/

GtkScale {
engine: unico;
-unico-focus-border-color: transparent;
-unico-focus-border-radius: 2;
-unico-focus-fill-color: transparent;
-unico-focus-outer-stroke-color: transparent;
-GtkScale-slider-length: 21;
-GtkRange-slider-width: 13;
-GtkRange-trough-border: 0;
-GtkRange-trough-border: 4;
}

GtkScale.slider,
@@ -385,11 +367,6 @@ GtkScale.trough,
GtkScale.trough.highlight,
GtkScale.trough.vertical,
GtkScale.trough:insensitive {
-unico-outer-stroke-width: 1px;
-unico-outer-stroke-top-color: @scale_trough_outer_border_top_color;
-unico-outer-stroke-right-color: @scale_trough_outer_border_right_color;
-unico-outer-stroke-bottom-color: @scale_trough_outer_border_bottom_color;
-unico-outer-stroke-left-color: @scale_trough_outer_border_left_color;
border-image: none;
border-style: solid;
border-width: 1px;
@@ -472,7 +449,7 @@ GtkComboBox.combobox-entry .button {
-GtkButton-interior-focus: true;
-GtkButton-default-border: 0;
-GtkButton-inner-border: 3;
color: @theme_fg_color;
color: @theme_text_color;
border-style: solid;
border-color: transparent;
}
@@ -543,9 +520,9 @@ GtkComboBox.combobox-entry .button {
border-radius: 0 2px 2px 0;
}

/***********
/*********************
* Button background *
***********/
*********************/

/* Button background */
.button,
@@ -555,7 +532,7 @@ GtkComboBox.combobox-entry .button {
.toolbar .button.raised:focus,
.toolbar .raised .button:focus,
.toolbar GtkComboBox .button,
.toolbar GtkComboBox .button:focus
.toolbar GtkComboBox .button:focus,
GtkComboBox.combobox-entry .button,
.primary-toolbar GtkComboBox.combobox-entry .button,
GtkColorChooserWidget #add-color-button {
@@ -657,6 +634,24 @@ GtkComboBox.combobox-entry .button:insensitive {
background-color: transparent;
}

/* Focused primary toolbar button background */
.primary-toolbar .button:focus {
background-image: linear-gradient(to bottom,
@pt_button_focus_gradient_a,
@pt_button_focus_gradient_b 50%,
@pt_button_focus_gradient_c 50%,
@pt_button_focus_gradient_d);
}

/* Focused + prelit primary toolbar button background */
.primary-toolbar .button:focus:hover {
background-image: linear-gradient(to bottom,
@pt_button_focus_hover_gradient_a,
@pt_button_focus_hover_gradient_b 50%,
@pt_button_focus_hover_gradient_c 50%,
@pt_button_focus_hover_gradient_d);
}

/*****************
* Notebooks and *
* tabs *
@@ -682,13 +677,12 @@ GtkComboBox.combobox-entry .button:insensitive {
padding: 3px;
border-radius: 3px;
border-style: solid;
/* we draw our own custom border here for now */
border-width: 0;
border-width: 1px;
}

.notebook tab,
.notebook tab.left,
.notebook tab.right {
.notebook tab.top {
padding: 4px 2px 0 2px;
border-width: 1px 1px 0px;
background-image: linear-gradient(to bottom,
@notebook_tab_inner_border_color 1px,
@notebook_tab_gradient_a 2px,
@@ -697,59 +691,76 @@ GtkComboBox.combobox-entry .button:insensitive {
@notebook_tab_gradient_d);
}

.notebook tab:active {
-adwaita-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@notebook_active_tab_border_gradient_a),
to (@notebook_active_tab_border_gradient_b));
background-image: linear-gradient(to bottom,
@notebook_active_tab_strip_gradient_a,
@notebook_active_tab_strip_gradient_b 3px,
@notebook_active_tab_strip_border_bottom_color 4px,
@notebook_active_tab_gradient_a 5px,
@notebook_active_tab_gradient_b 95%,
@notebook_active_tab_border_bottom_color);
}

.notebook tab.top {
padding: 4px 2px 0;
}

.notebook tab.top:active {
padding-top: 7px;
.notebook tab.right {
padding: 2px 4px 2px 0;
border-width: 1px 1px 1px 0;
background-image: linear-gradient(to left,
@notebook_tab_inner_border_color 1px,
@notebook_tab_gradient_a 2px,
@notebook_tab_gradient_b 50%,
@notebook_tab_gradient_c 50%,
@notebook_tab_gradient_d);
}

.notebook tab.bottom {
padding: 0 2px 4px;
}

.notebook tab.bottom:active {
padding-bottom: 7px;
border-width: 0px 1px 1px;
background-image: linear-gradient(to top,
@notebook_tab_inner_border_color 1px,
@notebook_tab_gradient_a 2px,
@notebook_tab_gradient_b 50%,
@notebook_tab_gradient_c 50%,
@notebook_tab_gradient_d);
}

.notebook tab.left {
padding: 2px 0 2px 4px;
border-width: 1px 0 1px 1px;
background-image: linear-gradient(to right,
@notebook_tab_inner_border_color 1px,
@notebook_tab_gradient_a 2px,
@notebook_tab_gradient_b 50%,
@notebook_tab_gradient_c 50%,
@notebook_tab_gradient_d);
}

.notebook tab.left:active {
padding-left: 7px;
border-left-color: @notebook_active_tab_border_gradient_a;
}

.notebook tab.right {
padding: 2px 4px 2px 0;
border-width: 1px 1px 1px 0;
.notebook tab.top:active {
padding-top: 7px;
border-top-color: @notebook_active_tab_border;
background-image: linear-gradient(to bottom,
@notebook_active_tab_strip_gradient_a,
@notebook_active_tab_strip_gradient_b 3px,
@notebook_active_tab_strip_border_bottom_color 4px,
@notebook_active_tab_gradient_a 4px,
@notebook_active_tab_gradient_b);
}

.notebook tab.right:active {
padding-right: 7px;
border-right-color: @notebook_active_tab_border_gradient_a;
border-right-color: @notebook_active_tab_border;
background-image: linear-gradient(to left,
@notebook_active_tab_strip_gradient_a,
@notebook_active_tab_strip_gradient_b 3px,
@notebook_active_tab_strip_border_bottom_color 4px,
@notebook_active_tab_gradient_a 4px,
@notebook_active_tab_gradient_b);
}

.notebook tab.left:active,
.notebook tab.right:active {
background-image: linear-gradient(to bottom,
.notebook tab.bottom:active {
padding-bottom: 7px;
border-bottom-color: @notebook_active_tab_border;
background-image: linear-gradient(to top,
@notebook_active_tab_strip_gradient_a,
@notebook_active_tab_strip_gradient_b 3px,
@notebook_active_tab_strip_border_bottom_color 4px,
@notebook_active_tab_gradient_a 4px,
@notebook_active_tab_gradient_b);
}

.notebook tab.left:active {
padding-left: 7px;
border-left-color: @notebook_active_tab_border;
background-image: linear-gradient(to right,
@notebook_active_tab_strip_gradient_a,
@notebook_active_tab_strip_gradient_b 3px,
@notebook_active_tab_strip_border_bottom_color 4px,
@@ -769,7 +780,7 @@ GtkComboBox.combobox-entry .button:insensitive {

.notebook tab .button GtkImage {
border-radius: 3px;
color: mix(@theme_fg_color, @theme_base_color, 0.6); /* FIXME*/
color: mix(@theme_fg_color, @theme_base_color, 0.6);
border-style: solid;
border-color: transparent;
border-width: 1px;
@@ -777,18 +788,18 @@ GtkComboBox.combobox-entry .button:insensitive {
}

.notebook tab .button GtkImage:hover {
color: @theme_fg_color; /* FIXME*/
border-color: alpha(black, 0.1); /* FIXME*/
color: @theme_fg_color;
border-color: alpha(black, 0.1);
}

.notebook tab .button GtkImage:active,
.notebook tab .button GtkImage:active:hover {
background-color: alpha(black, 0.08); /* FIXME*/
color: @theme_base_color; /* FIXME*/
background-color: alpha(black, 0.08);
color: @theme_base_color;
border-color: alpha(black, 0.27)
alpha(black, 0.13)
alpha(black, 0.13)
alpha(black, 0.13); /* FIXME*/
alpha(black, 0.13);
}

/**************
@@ -846,7 +857,7 @@ GtkComboBox.combobox-entry .button:last-child {

GtkComboBox.combobox-entry .button *:active,
GtkComboBox.combobox-entry .button *:active:hover {
color: @theme_fg_color;
color: @theme_text_color;
}

GtkComboBox .button {
@@ -854,7 +865,7 @@ GtkComboBox .button {
}

GtkComboBox .button *:hover {
color: @theme_fg_color;
color: @theme_text_color;
}

/**************
@@ -867,7 +878,7 @@ GtkComboBox .button *:hover {
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: true;
-GtkScrollbar-has-forward-stepper: true;
-GtkRange-arrow-scaling: 0.444;
-GtkRange-arrow-scaling: 0.4;
-GtkRange-slider-width: 15;
-GtkRange-stepper-size: 15px;
-GtkScrollbar-min-slider-length: 30;
@@ -906,7 +917,6 @@ GtkComboBox .button *:hover {
}

.scrollbar.button {
engine: adwaita;
border-width: 1px;
border-image: none;
border-color: @scrollbar_button_border_color;
@@ -1012,7 +1022,7 @@ GtkComboBox .button *:hover {
}

.scrollbar.slider {
-unico-inner-stroke-width: 1px;
background-color: @scrollbar_slider_bg_color;
background-image: none;
border-radius: 0;
border-style: solid;
@@ -1021,58 +1031,8 @@ GtkComboBox .button *:hover {
border-width: 1px;
}

.scrollbar.slider.horizontal {
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top,
left bottom,
from (@scrollbar_slider_inner_border_gradient_a),
color-stop (0.50, @scrollbar_slider_inner_border_gradient_b),
color-stop (0.50, @scrollbar_slider_inner_border_gradient_c),
to (@scrollbar_slider_inner_border_gradient_d));
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@scrollbar_slider_gradient_a),
color-stop (0.50, @scrollbar_slider_gradient_b),
color-stop (0.50, @scrollbar_slider_gradient_c),
to (@scrollbar_slider_gradient_d));
}

.scrollbar.slider.vertical {
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top,
right top,
from (@scrollbar_slider_inner_border_gradient_a),
color-stop (0.50, @scrollbar_slider_inner_border_gradient_b),
color-stop (0.50, @scrollbar_slider_inner_border_gradient_c),
to (@scrollbar_slider_inner_border_gradient_d));
background-image: -gtk-gradient (linear,
left top,
right top,
from (@scrollbar_slider_gradient_a),
color-stop (0.50, @scrollbar_slider_gradient_b),
color-stop (0.50, @scrollbar_slider_gradient_c),
to (@scrollbar_slider_gradient_d));
}

.scrollbar.slider.horizontal:hover {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@scrollbar_slider_hover_gradient_a),
color-stop (0.50, @scrollbar_slider_hover_gradient_b),
color-stop (0.50, @scrollbar_slider_hover_gradient_c),
to (@scrollbar_slider_hover_gradient_d));
}

.scrollbar.slider.vertical:hover {
background-image: -gtk-gradient (linear,
left top,
right top,
from (@scrollbar_slider_hover_gradient_a),
color-stop (0.50, @scrollbar_slider_hover_gradient_b),
color-stop (0.50, @scrollbar_slider_hover_gradient_c),
to (@scrollbar_slider_hover_gradient_d));
.scrollbar.slider:hover {
background-color: @scrollbar_slider_hover_bg_color;
}

/*********
@@ -1089,7 +1049,7 @@ GtkTreeMenu .menuitem {
}

GtkTreeMenu .menuitem * {
color: @theme_fg_color;
color: @theme_text_color;
}

.menu {
@@ -1113,7 +1073,7 @@ GtkTreeMenu .menuitem * {
.menu.button:hover {
background-image: none;
background-color: @theme_base_color;
color: @theme_fg_color;
color: @theme_text_color;

border-image: none;
border-style: none;
@@ -1132,7 +1092,7 @@ GtkTreeMenu .menuitem * {
border-style: none;
padding: 4px;
-GtkWidget-window-dragging: true;
-GtkMenuBar-internal-padding: 0;
-GtkMenuBar-internal-padding: 1;
background-image: -gtk-gradient (linear,
left top,
left bottom,
@@ -1247,7 +1207,7 @@ GtkTreeMenu .menuitem *:hover,

.button.menuitem.menubar:active,
.button.menuitem.menubar *:active {
color: @theme_fg_color;
color: @theme_text_color;
background-image: none;
background-color: @menu_bg_color;
border-radius: 5px 5px 0 0;
@@ -1347,7 +1307,7 @@ GtkCheckButton:selected:focus {
border-style: solid;
border-color: shade(@internal_element_color, 1.10);
border-image: none;
color: @theme_fg_color;
color: @theme_text_color;
}

/*******************
@@ -1470,49 +1430,28 @@ GtkSwitch.trough:active {
GtkSwitch.trough:insensitive {
background-image: none;
background-color: @insensitive_bg_color;
color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5); /* FIXME */
color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5);
}

GtkSwitch.slider {
background-color: @switch_slider_bg_color;
border-width: 1px;
border-radius: 2px;
border-style: solid;
border-color: @switch_slider_border_color;
padding: 0px 0px 1px 0px;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@switch_slider_gradient_a),
color-stop (0.50, @switch_slider_gradient_b),
color-stop (0.50, @switch_slider_gradient_c),
to (@switch_slider_gradient_d));
background-repeat: no-repeat;
background-position: center;
}

GtkSwitch.slider:insensitive {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@switch_slider_insensitive_gradient_a),
color-stop (0.50, @switch_slider_insensitive_gradient_b),
color-stop (0.50, @switch_slider_insensitive_gradient_c),
to (@switch_slider_insensitive_gradient_d));
background-color: @switch_slider_insensitive_bg_color;
border-color: @insensitive_border_color;
}

GtkSwitch.slider:insensitive {
border-color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5);
}

GtkTreeView {
-GtkTreeView-vertical-separator: 0;
-GtkTreeView-expander-size: 17;
-GtkTreeView-expander-size: 13;
-GtkWidget-focus-line-width: 1;
-GtkWidget-focus-padding: 1;
-adwaita-focus-border-radius: 2;
-adwaita-focus-border-dashes: 1;
-adwaita-focus-border-color: alpha(@theme_fg_color, 0.6);
}

GtkTreeView.dnd {
@@ -1534,18 +1473,12 @@ GtkIconView.view.cell:selected:focus {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
border-radius: 4px;
/* FIXME: this probably needs to be better;
* see https://bugzilla.gnome.org/show_bug.cgi?id=644157
*/
-adwaita-focus-border-color: @focus_border_color;
-adwaita-focus-border-radius: 3;
-adwaita-focus-border-dashes: 0;
}

.view,
GtkTreeView {
background-color: @theme_base_color;
color: @theme_fg_color;
color: @theme_text_color;
}

.view:selected,
@@ -1561,7 +1494,6 @@ GtkTreeView:insensitive {
}

GtkTreeView:selected:focus {
-adwaita-focus-border-color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.30);
}

column-header.button,
@@ -1648,7 +1580,7 @@ row:selected:focus,
}

.cell {
color: @theme_fg_color;
color: @theme_text_color;
padding: 2px;
border-width: 0;
}
@@ -1662,14 +1594,13 @@ row:selected:focus,
border-width: 1px;
border-radius: 2px;
border-color: shade (@internal_element_color, 1.40);
color: @internal_element_color;
color: @theme_base_color;
background-color: @theme_base_color;
}

.expander:active {
border-style: solid;
border-width: 1px;
color: @internal_element_color;
border-color: shade (@internal_element_color, 1.40);
background-color: @theme_base_color;
}
@@ -1690,7 +1621,7 @@ row:selected:focus,
.expander row:selected:focus {
border-style: solid;
border-width: 1px;
border-color: @focus_border_color;
border-color: @expander_row_selected_border_color;
color: @expander_row_selected_color;
background-color: @theme_selected_bg_color;
}


+ 263
- 255
gtk-3.0/gtk.css View File

@@ -1,226 +1,234 @@
/******************
* imports 1 of 2 *
******************/

@import url("gtk-variant.css");

/***********
* general *
***********/

@define-color theme_base_color #ffffff;

@define-color theme_bg_color #edeceb;
@define-color theme_fg_color #000000;

@define-color theme_selected_bg_color #86abd9;
@define-color theme_selected_fg_color @theme_base_color;

@define-color insensitive_bg_color @theme_bg_color;
@define-color insensitive_fg_color #a9a5a2;
@define-color insensitive_fg_color shade(@core_color_b, 0.70);
@define-color insensitive_text_shadow_color @theme_base_color;

@define-color internal_element_color @theme_fg_color;
@define-color internal_element_hover_color @theme_fg_color;
@define-color internal_element_color @theme_text_color;
@define-color internal_element_hover_color @theme_text_color;
@define-color internal_element_insensitive_color @insensitive_fg_color;

/***********
* tooltip *
***********/
/* border */

@define-color theme_tooltip_bg_color #f5f5b5;
@define-color theme_tooltip_fg_color @theme_fg_color;
@define-color theme_tooltip_border_color #baba45;
@define-color border_color shade(@core_color_b, 0.67);
@define-color focus_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
@define-color insensitive_border_color shade(@core_color_b, 0.79);

/**********
* border *
* button *
**********/

@define-color border_color #a4a09d;
@define-color focus_border_color #869bb7;
@define-color insensitive_border_color #bfbbb7;
@define-color button_gradient_a shade(@core_color_b, 1.07);
@define-color button_gradient_b shade(@core_color_b, 1.06);
@define-color button_gradient_c shade(@core_color_b, 1.04);
@define-color button_gradient_d shade(@core_color_b, 0.98);

/***********
* menubar *
***********/
/* hover */

@define-color menubar_gradient_a #ecebea;
@define-color menubar_gradient_b #e8e7e6;
@define-color menubar_gradient_c #e4e3e2;
@define-color button_hover_gradient_a @theme_base_color;
@define-color button_hover_gradient_b shade(@core_color_b, 1.05);
@define-color button_hover_gradient_c @core_color_b;

/* hover */
/* active */

@define-color menubar_menuitem_hover_color @theme_base_color;
@define-color menubar_menuitem_hover_border_color #4b6e99;
@define-color button_active_text_color @theme_fg_color;

@define-color menubar_menuitem_hover_gradient_a #a4c2e8;
@define-color menubar_menuitem_hover_gradient_b #97b8e2;
@define-color menubar_menuitem_hover_gradient_c #91b3de;
@define-color menubar_menuitem_hover_gradient_d #84aad8;
@define-color button_active_gradient_a shade(@core_color_b, 0.85);
@define-color button_active_gradient_b shade(@core_color_b, 0.90);
@define-color button_active_gradient_c shade(@core_color_b, 0.91);
@define-color button_active_gradient_d shade(@core_color_b, 0.86);
@define-color button_active_gradient_e shade(@core_color_b, 0.84);
@define-color button_active_gradient_f shade(@core_color_b, 0.80);

/********
* menu *
********/
/* insensitive */

@define-color menu_bg_color @theme_base_color;
@define-color menu_fg_color @theme_fg_color;
@define-color button_insensitive_inner_border_color shade(@core_color_b, 1.05);

/* Exemple: flèche d'un sous-menu */
@define-color menu_controls_color @theme_fg_color;
@define-color button_insensitive_gradient_a shade(@core_color_b, 1.04);
@define-color button_insensitive_gradient_b shade(@core_color_b, 1.01);
@define-color button_insensitive_gradient_c shade(@core_color_b, 0.99);
@define-color button_insensitive_gradient_d shade(@core_color_b, 0.96);

@define-color menu_border_color #aaaaaa;
@define-color menu_separator_color @menu_border_color;
/* active insensitive */

/***********
* sidebar *
***********/
@define-color button_active_insensitive_gradient_a shade(@core_color_b, 0.98);
@define-color button_active_insensitive_gradient_b shade(@core_color_b, 1.02);
@define-color button_active_insensitive_gradient_c shade(@core_color_b, 1.03);
@define-color button_active_insensitive_gradient_d shade(@core_color_b, 1.01);
@define-color button_active_insensitive_gradient_e shade(@core_color_b, 0.99);
@define-color button_active_insensitive_gradient_f shade(@core_color_b, 0.96);

@define-color sidebar_bg_color @theme_base_color;
@define-color gtkassistant_sidebar_border_color @border_color;
/* primary toolbar focus */

/**********
* button *
**********/
@define-color pt_button_focus_gradient_a mix(#fafafa, shade(@core_color_a, 1.09), 0.3);
@define-color pt_button_focus_gradient_b mix(#ededed, shade(@core_color_a, 1.05), 0.3);
@define-color pt_button_focus_gradient_c mix(#e8e8e8, shade(@core_color_a, 1.01), 0.25);
@define-color pt_button_focus_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.3);

@define-color button_gradient_a #fefefe;
@define-color button_gradient_b #fbfbfb;
@define-color button_gradient_c #f5f5f4;
@define-color button_gradient_d #e8e7e6;
/* primary toolbar focus hover */

/* hover */
@define-color pt_button_focus_hover_gradient_a mix(#fcfcfc, shade(@core_color_a, 1.09), 0.15);
@define-color pt_button_focus_hover_gradient_b mix(#fcfcfc, shade(@core_color_a, 1.05), 0.15);
@define-color pt_button_focus_hover_gradient_c mix(#fcfcfc, shade(@core_color_a, 1.01), 0.2);
@define-color pt_button_focus_hover_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.2);

@define-color button_hover_gradient_a #ffffff;
@define-color button_hover_gradient_b #fafafa;
@define-color button_hover_gradient_c #ededed;
/*****************
* color chooser *
*****************/

/* active */
@define-color color_swatch_border_color @border_color;
@define-color color_swatch_hover_border_color @menubar_menuitem_hover_border_color;

@define-color button_active_text_color @theme_fg_color;
@define-color color_active_badge_light_border_color @theme_fg_color;
@define-color color_active_badge_light_color @color_active_badge_light_border_color;

@define-color button_active_gradient_a #ccc9c7;
@define-color button_active_gradient_b #d7d4d2;
@define-color button_active_gradient_c #d9d7d5;
@define-color button_active_gradient_d #cfcdcb;
@define-color button_active_gradient_e #cac8c5;
@define-color button_active_gradient_f #c0bdba;
@define-color color_active_badge_dark_border_color @theme_base_color;
@define-color color_active_badge_dark_color @color_active_badge_light_border_color;

/* insensitive */
/*****************
* column-header *
*****************/

@define-color button_insensitive_inner_border_color #f9f9f8;
@define-color column_header_border_top_color @theme_base_color;
@define-color column_header_border_right_color shade(@core_color_b, 0.82);
@define-color column_header_border_bottom_color shade(@core_color_b, 0.70);
@define-color column_header_border_left_color @column_header_border_top_color;

@define-color button_insensitive_gradient_a #f5f5f4;
@define-color button_insensitive_gradient_b #f0efee;
@define-color button_insensitive_gradient_c #eae9e8;
@define-color button_insensitive_gradient_d #e4e3e2;
@define-color column_header_button_gradient_a shade(@core_color_b, 1.05);
@define-color column_header_button_gradient_b shade(@core_color_b, 1.02);
@define-color column_header_button_gradient_c @core_color_b;
@define-color column_header_button_gradient_d shade(@core_color_b, 0.96);

/* active insensitive */
/*********
* entry *
*********/

@define-color button_active_insensitive_gradient_a #e9e8e6;
@define-color button_active_insensitive_gradient_b #f2f1f0;
@define-color button_active_insensitive_gradient_c #f4f4f3;
@define-color button_active_insensitive_gradient_d #f0efee;
@define-color button_active_insensitive_gradient_e #eae9e8;
@define-color button_active_insensitive_gradient_f #e4e3e2;
@define-color entry_text_color @theme_text_color;

/*************
* scrollbar *
*************/
@define-color entry_inner_border_color shade(@core_color_b, 0.96);
@define-color entry_bg_color @theme_base_color;

/* junction */
/* insensitive */

@define-color scrollbars_junction_bg_color @theme_bg_color;
@define-color entry_insensitive_inner_border_color shade(@core_color_b, 0.97);
@define-color entry_insensitive_bg_color @insensitive_bg_color;

/* trough */
/************
* expander *
************/

@define-color scrollbar_trough_border_color #a19d9a;
@define-color expander_row_selected_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);

@define-color scrollbar_trough_gradient_a #cecbc9;
@define-color scrollbar_trough_gradient_b #d6d4d2;
/*****************
* fallback mode *
*****************/

/* slider */
@define-color os_chrome_bg_color @theme_bg_color;
@define-color os_chrome_fg_color @theme_fg_color;

@define-color scrollbar_slider_gradient_a #a2c1e7;
@define-color scrollbar_slider_gradient_b #98b9e2;
@define-color scrollbar_slider_gradient_c #90b3de;
@define-color scrollbar_slider_gradient_d #84a9d8;
/* gnome-panel */

@define-color scrollbar_slider_border_color #5e7ea5;
@define-color applet_frame_bg_color shade(@core_color_b, 0.89);
@define-color pager_bg_color shade(@core_color_b, 0.97);

@define-color scrollbar_slider_inner_border_gradient_a #b0cbec;
@define-color scrollbar_slider_inner_border_gradient_b #a7c3e7;
@define-color scrollbar_slider_inner_border_gradient_c #a0bee4;
@define-color scrollbar_slider_inner_border_gradient_d #96b6df;
/*******************************
* info/question/error/warning *
*******************************/

/* slider hover */
@define-color info_bg_color @theme_tooltip_bg_color;
@define-color info_fg_color @theme_fg_color;

@define-color scrollbar_slider_hover_gradient_a #adc9eb;
@define-color scrollbar_slider_hover_gradient_b #a2c1e6;
@define-color scrollbar_slider_hover_gradient_c #9abbe3;
@define-color scrollbar_slider_hover_gradient_d #8db1dd;
@define-color question_bg_color mix(#727272, shade(@core_color_a, 0.90), 0.95);
@define-color question_fg_color @theme_base_color;

/* button */
@define-color error_bg_color mix(#ababab, shade(@error_color, 0.77), 0.78);
@define-color error_fg_color @theme_base_color;

@define-color scrollbar_button_color @theme_fg_color;
@define-color scrollbar_button_insensitive_color @internal_element_insensitive_color;
@define-color scrollbar_button_border_color #868482;
@define-color warning_fg_color @theme_fg_color;

@define-color scrollbar_button_gradient_a #fdfdfd;
@define-color scrollbar_button_gradient_b #f2f1f0;
@define-color scrollbar_button_gradient_c #ebeae9;
@define-color scrollbar_button_gradient_d #e2e0df;
/********
* menu *
********/

/* button hover */
@define-color menu_bg_color @theme_base_color;