Contenu | Rechercher | Menus

Annonce

Si vous rencontrez des soucis à rester connecté sur le forum (ou si vous avez perdu votre mot de passe) déconnectez-vous et reconnectez-vous depuis cette page, en cochant la case "Me connecter automatiquement lors de mes prochaines visites".
Test de l'ISO d'Ubuntu francophone : nous avons besoin de testeurs pour la version francophone d'Ubuntu 14.04. Liens et informations ici.

#26 Le 14/09/2013, à 19:59

fcn50

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Le problème c'est que la valeur GtkWindow change la police de toutes les applications, du coup, bien pour le fond blanc mais trop foncée pour le reste. Je vais trouver, il faut essayer. tongue


12.04.4 LTS, Xfce 4.10, Phenom II x6 1090T BE, SSD Patriot Inferno 60 Go, WD Black 1 To, Sapphire HD 7750 ULTIMATE, RME HDSP 9632, Dell U2713HM.
    Un site qui vaut le détour: http://blog.syti.net  Une radio hors du commun: http://solenopole.org  You like the american dream? Wellcome to Guantànamo!

Hors ligne

#27 Le 14/09/2013, à 20:02

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Tiens regarde là dans ton gtk-widgets.css

ça devrait t'aider :

/************
* viewport *
************/
GtkViewport {
    background-color: transparent;
}

GtkViewport.frame {
    border-width: 0;
}

.view {
    background-color: #ff0000;        ########################ICI
}

.view:selected,                                          ##
.view:selected:focus {                                    # ET SUREMENT LA
    background-color: @theme_selected_bg_color;           #
    color: @theme_selected_fg_color;                     ##
}



Résultat :

1379181840.png

Dernière modification par golgot200 (Le 14/09/2013, à 20:06)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#28 Le 14/09/2013, à 20:10

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Ça marche chez moi !!! wink


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#29 Le 14/09/2013, à 20:20

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Bon voilà pour toi une solution :

/************
* treeview *
************/
GtkTreeView {
}

GtkTreeView.dnd {
    border-color: shade (#ff0000, 1.12);
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
}

GtkTreeView .entry {
    background-image: none;
    border-radius: 0;
}

GtkTreeView row:nth-child(even) {
    background-color:  mix (@theme_selected_bg_color, shade (#565656, 0.93), 0.98);
}

GtkTreeView row:nth-child(odd) {
    background-color: shade (#565656, 1.0);
}

/************
* viewport *
************/
GtkViewport {
    background-color: transparent;
}

GtkViewport.frame {
    border-width: 0;
}

.view {
    background-color: #565656;    ########## FOND PRINCIPAL
}

.view:selected,
.view:selected:focus {
    background-color: @theme_selected_bg_color;
    color: @theme_selected_fg_color;
}



Regarde où j'ai mis #565656


1379182929.png

Dernière modification par golgot200 (Le 14/09/2013, à 20:22)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#30 Le 14/09/2013, à 20:35

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Voilà fcn50 ce que ça donne pour moi :

1379183865.png

Dommage que sur http://pix.tdct.org les images soient trop détériorées en qualité.

Dernière modification par golgot200 (Le 14/09/2013, à 20:39)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#31 Le 14/09/2013, à 23:32

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

J'en reviens à mon dernier post, parce que j'ai trouvé les valeurs de gradient_shades qui me permettent un gtk2 identique au gtk3 (à un poil de c.. près). Je livre la section du gtkrc, dont j'ai modifié les valeurs de gradient_shades

style "murrine-toolbar" = "murrine-default"
{
	bg[NORMAL] = @bg_color
	engine "murrine" {
		contrast			= 1.0
		toolbarstyle			= 1
		lightborder_shade		= 1.0
		gradient_shades     		= {1.0,1.2,1.4,1.8}
	}
}

voili voilou, ça donne ça

1379193716.png

avec à gauche Evolution, en Gtk3, et à droite Thunar, en Gtk2. Pas mal, non ?...

Après, j'ai bien ramé avec les items de la barre de menu, dont la couleur ne changeait pas quand ils étaient sélectionnés (presque noir sur noir, donc illisibles). J'ai tourné en rond pendant un moment, avant de vérifie un peu par hasard que les items étaient en "base_color". J'ai donc modifié cette section

style "murrine-menu"
{
	#ythickness        = 2
	#xthickness        = 4
	GtkMenuBar	:: shadow-type		= GTK_SHADOW_NONE
	
	bg[SELECTED]      = shade (0.85, @selected_bg_color)
	bg[NORMAL]        = @bg_color
	bg[PRELIGHT]      = shade (0.85, @selected_bg_color)
	bg[ACTIVE]        = @bg_color
	bg[INSENSITIVE]   = @bg_color
	fg[NORMAL]        = @fg_color # Color for normal text.
	fg[PRELIGHT]      = @text_color
	fg[SELECTED]      = @text_color
	fg[ACTIVE]        = @text_color
	fg[INSENSITIVE]   = shade (0.75, @bg_color) # Text color for non-interactive menu items
	text[NORMAL]      = @text_color # Color for menu-item radio/checks.
	base[NORMAL]      = @bg_color # Color for menu-item radio/checks background.
	text[PRELIGHT]    = @text_color
	text[SELECTED]    = @text_color
	text[ACTIVE]      = @text_color
	text[INSENSITIVE] = @text_color
	
	engine "murrine" 
	{
		roundness = 0 # Roundness of menu items.
		contrast = 0.9
	}
}

en remplaçant tous les "base_color" par "text_color". Et là, les items deviennent blancs quand ils sont sélectionnés, comme en Gtk3 !...
Il me restera à harmoniser les ascenseurs, qui varient un tout petit poil, mais ce sera quand j'aurai le temps. Merci en tout cas.

Hors ligne

#32 Le 15/09/2013, à 00:40

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

De la sueur n'est-ce pas ? wink


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#33 Le 15/09/2013, à 14:03

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Je ne te le fais pas dire...
Je ne trouve pas super pratique ce "codage" pour la définition des couleurs, avec de nombreuses valeurs à définir, et parfois de manière un peu  confuse... Pour moi en tout cas !
Ce matin je me suis penché sur les ascenseurs : modif des couleurs des sliders et logements, de la forme (je les ai élargis et supprimé les arrondis), et harmonisation (approchante) entre gtk2 et gtk3.
J'ai aussi supprimé les arrondis sur les onglets (je suis très cubique, en ce moment...), et fait à peu près les mêmes modif sur les barres de progression que sur les ascenseurs.
Ça donne ça, et ça me convient assez bien

1379245706.png

Au passage, je glisse mon bureau vide, mais lui n'est pas nouveau, mis à part le fond d'écran que je viens de changer, c'est juste que je le trouve joli.

1379246040.png

A +

Hors ligne

#34 Le 15/09/2013, à 14:23

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Et en plus, il a de très bons résultats sur GtkPerf ce thème

Dernière modification par David74 (Le 15/09/2013, à 14:24)

Hors ligne

#35 Le 15/09/2013, à 14:55

fcn50

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Ben bravo à vous deux. tongue Moi je n'avance pas sur le GTK3 et cette cochonnerie de blanc. C'est vrai que le GTK3 c'est l'usine à gaz tellement il y a de valeurs à gauche et à droite..!


12.04.4 LTS, Xfce 4.10, Phenom II x6 1090T BE, SSD Patriot Inferno 60 Go, WD Black 1 To, Sapphire HD 7750 ULTIMATE, RME HDSP 9632, Dell U2713HM.
    Un site qui vaut le détour: http://blog.syti.net  Une radio hors du commun: http://solenopole.org  You like the american dream? Wellcome to Guantànamo!

Hors ligne

#36 Le 15/09/2013, à 15:25

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

@fcn50
Essaies de me filer ton thème complet que je regarde ou tu bloques.

@David74
Très bon boulot.
PS : Je suis de la région d'Annecy  wink


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#37 Le 15/09/2013, à 16:47

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

@fcn50
Salut,
je ne m'en étais pas aperçu, mais j'ai aussi des comportements différents selon différentes appéli gtk3 : Shotwell apparaît comme thunar, panneau latéral gris clair, et panneau de droite, le principal avec les photos en gris foncé. Evolution, lui, à un fond blanc sur tous les panneaux. Mais les polices sont noires, donc c'est lisible.
En revanche, dans thunar, les polices sont blanches.
Je vais essayer un truc...

Hors ligne

#38 Le 15/09/2013, à 17:31

fcn50

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

@ David74: Oui, un vrai merdier de soupe à la grimace! Bon thunar c'est GTK2 et shotwell GTK3. Moi c'est ces fichus fonds blancs qui me prennent le chou, ex: shotwell > Editon > Préférences > Greffons, blanc et gris et que je ne sais pas comment changer!

Dernière modification par fcn50 (Le 15/09/2013, à 19:32)


12.04.4 LTS, Xfce 4.10, Phenom II x6 1090T BE, SSD Patriot Inferno 60 Go, WD Black 1 To, Sapphire HD 7750 ULTIMATE, RME HDSP 9632, Dell U2713HM.
    Un site qui vaut le détour: http://blog.syti.net  Une radio hors du commun: http://solenopole.org  You like the american dream? Wellcome to Guantànamo!

Hors ligne

#39 Le 15/09/2013, à 17:31

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Dans gtk2 smile

EDIT: grillé

Plus haut plus haut dans mes posts pour gtk3 post 29 big_smile

RE EDIT : Bon allez j'installe shotwell

Dernière modification par golgot200 (Le 15/09/2013, à 17:40)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#40 Le 15/09/2013, à 17:42

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

fcn50 a écrit :

Bon thunar c'est GTK2 et shotwell GTK3.

Oui oui, ça je savais. C'est vrai que je n'ai pas été complètement clair, c'était juste pour dire qu'entre les deux versions de Gtk et les différentes appli, j'ai tantôt de polices noires, tantôt des blanches... Coup de pot pour moi, elles sont toujours lisibles, car adaptées au fond de la fenêtre.
D'ailleurs, au passage, ça va durer encore un bout de temps, d'après vous, cette cohabitation des deux versions de Gtk ? Parce que ça ne facilite pas franchement le boulot d'obsessionnels comme nous, question homogénéité et harmonisation ! On a beau faire, on a toujours quelques différences résiduelles. Enfin moi en tout cas...

Hors ligne

#41 Le 15/09/2013, à 17:46

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Je vois pas où tu batailles fcn50, je viens d'installer shotwell et j'ai aucun problème avec la combine plus haut pour avoir la lisibilité. Ou on ne doit pas être sur la même longueur d'ondes.

1379260527.png

Je remet le fond blanc ou la police blanche et je poste la soluce ...

@David64,
Mieux choisir un bon thème unifié, ce sera plus homogène.



EDIT : Oups, pour Shotwell effectivement il ne réagit pas comme d'autres !!!!!!!!!!!!!!!!!

Ah si il faut que je ferme et relance le programme :

1379261691.png

Et la couleur des polices, c'est dans la base.

Dernière modification par golgot200 (Le 15/09/2013, à 18:16)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#42 Le 15/09/2013, à 19:04

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Qu'appelles tu un thème "unifié" ?

Hors ligne

#43 Le 15/09/2013, à 19:20

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Un thème unifié, c'est un peu comme la question que tu te posais. Un thème assez homogène

Dernière modification par golgot200 (Le 15/09/2013, à 19:21)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#44 Le 15/09/2013, à 19:29

fcn50

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Ben chez moi ce crétin de shotwell garde toujours ce fichu fond blanc ainsi que Synaptic > Configuration > Dépôts > Authentification ou même la la ligne où l'on tape le mdp pour ouvrir synaptic, voici:

1379266086.png

1379266113.png

1379266139.png

D'ailleurs, Synaptic est un coucou en GTK2 alors que les fenêtres de configuration des dépôts sont en GTK3, pas mal comme soupe!

Dernière modification par fcn50 (Le 21/09/2013, à 13:52)


12.04.4 LTS, Xfce 4.10, Phenom II x6 1090T BE, SSD Patriot Inferno 60 Go, WD Black 1 To, Sapphire HD 7750 ULTIMATE, RME HDSP 9632, Dell U2713HM.
    Un site qui vaut le détour: http://blog.syti.net  Une radio hors du commun: http://solenopole.org  You like the american dream? Wellcome to Guantànamo!

Hors ligne

#45 Le 15/09/2013, à 19:35

golgot200

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Bon pour synaptic, c'est peut-être normal. Tu modifie ton thème dans ton USER ? Si oui penses que tu dois mettre ton thème modifié dans /usr/share/themes aussi.
Pour le reste, je vois ou tu peines. Postes ton gtk-widgets.css complet que j'essaie.
Tu le veux en quel couleur ton fond big_smile

/************
 * treeview *
 ************/
GtkTreeView {
}

GtkTreeView.dnd {
    border-color: shade (@theme_selected_bg_color, 1.12);
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
}

GtkTreeView .entry {
    background-image: none;
    border-radius: 0;
}

GtkTreeView row:nth-child(even) {
    background-color:  mix (@theme_selected_bg_color, shade (#565656, 0.93), 0.98);
}

GtkTreeView row:nth-child(odd) {
    background-color: shade (#565656, 1.0);
}

/************
 * viewport *
 ************/
GtkViewport {
    background-color: transparent;
}

GtkViewport.frame {
    border-width: 0;
}

.view {
    background-color: #565656;    /********* FOND PRINCIPAL *************/
}

.view:selected,
.view:selected:focus {
    background-color: @theme_selected_bg_color;
    color: @theme_selected_fg_color;
}

Possible que dans ton fichier tu n'est pas cette partie ci-dessus. Donc tu peux la rajouter.
Mais ça m'étonne vu que tu as déja changé en gris la première parti du code.
Et surtout ferme et réouvre ton programme, fait pas comme moi.


.view {
    background-color: #ff0000;    /********* FOND PRINCIPAL *************/

C'est le fond gauche qui change et dans les options, c'est le fond ou rien n'est marqué.


Ensuite ...
GtkTreeView row:nth-child(odd) {
    background-color: shade (#ff0000, 1.0);

C'est une des 2 interlignes qui change


ensuite ... la fin
GtkTreeView row:nth-child(even) {
    background-color:  mix (@theme_selected_bg_color, shade (#ff0000, 0.93), 0.98);

c'est la dernière interligne.

Résultat = Tout rouge et pas beau :

1379268450.png


@David74
http://www.deviantart.com/art/Gray-Reve … -194633730

Dernière modification par golgot200 (Le 15/09/2013, à 20:46)


"L’ultime question … L’intelligence a besoin de la Bêtise pour s’affirmer, La Beauté a besoin de la Laideur pour resplendir, Le Courage naît dans la Peur, Les Forts impressionnent au milieu des Faibles, Mais au final,…Qui a donc besoin d’autant de connards ?"

Hors ligne

#46 Le 16/09/2013, à 00:18

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Bon, ben je ne sais pas ce que j'ai touché qu'il ne fallait pas, mais mon thunar a changé d'apparence ! Le panneau de gauche n'est plus en gris clair comme avant, mais de la même couleur que le reste. Bizarre, mais à la rigueur, pas bien grave, si ce n'est que j'aime bien comprendre quand même.
Autre bizarrerie, mes sliders d'ascenseurs en Gtk2 ont changé d'un poil par rapport à ce matin, sans que je n'y retouche (j'ai bien du touché à quelque chose quand même, mais à quoi puisque pas à ça ???...), heureusement en mieux, identiques au Gtk3.
Est-ce que de ne toucher qu'aux couleurs de base (en tout début de gtkrc) peut provoquer des trucs comme ça ???

Dernière modification par David74 (Le 16/09/2013, à 00:19)

Hors ligne

#47 Le 16/09/2013, à 00:21

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Eh, vous avez vu ? Le serveur du forum, il retarde d'une heure...

Hors ligne

#48 Le 16/09/2013, à 08:08

fcn50

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

golgot200 a écrit :

Bon pour synaptic, c'est peut-être normal.

Je pense que c'est lié à polkit pour ces fenêtres "dépôts"...

golgot200 a écrit :

Tu modifie ton thème dans ton USER ? Si oui penses que tu dois mettre ton thème modifié dans /usr/share/themes aussi.

Non, pas dans user, je modifie bien dans /usr/share/themes.

Le voilà mon gtk-widgets.css:

* {
	-GtkArrow-arrow-scaling: 0.6;
	-GtkButton-child-displacement-x: 1;
	-GtkButton-child-displacement-y: 1;
	-GtkButton-default-border: 0;
	-GtkButton-image-spacing: 0;
	-GtkButton-interior-focus: true;
	-GtkButton-inner-border: 3;
	-GtkCheckButton-indicator-size: 14;
	-GtkCheckMenuItem-indicator-size: 14;
	-GtkEntry-inner-border: 2;
	-GtkEntry-progress-border: 0; 
	-GtkExpander-expander-size: 10;   
	-GtkHTML-link-color: @link_color;
	-GtkIMHtml-hyperlink-color: @link_color;
	-GtkMenu-horizontal-padding: 0;
	-GtkMenu-vertical-padding: 0;  
	-GtkMenuItem-arrow-scaling: 0.5;
	-GtkMenuBar-internal-padding: 0;
	-GtkNotebook-tab-overlap: -1;
	-GtkPaned-handle-size: 3;
	-GtkProgressBar-min-horizontal-bar-height: 10;
	-GtkProgressBar-min-vertical-bar-width: 10;
	-GtkRange-trough-border: 1;
	-GtkRange-slider-width: 9;
	-GtkRange-stepper-size: 9;
	-GtkRange-trough-under-steppers: 1;
	-GtkRange-stepper-spacing: 0;
	-GtkScrollbar-activate-slider: 1;
	-GtkScrollbar-trough-border: 0;
	-GtkScrollbar-slider-width: 11;
	-GtkScrollbar-min-slider-length: 30;
	-GtkScrollbar-has-forward-stepper: 0;
	-GtkScrollbar-has-backward-stepper: 0;
	-GtkScrollbar-has-secondary-forward-stepper: 0;
	-GtkScrollbar-has-secondary-backward-stepper: 0;
	-GtkScrolledWindow-scrollbar-spacing: 0;
	-GtkScrolledWindow-scrollbars-within-bevel: 1;
	-GtkSeparatorMenuItem-horizontal-padding: 0;
	-GtkStatusbar-shadow-type: none;
	-GtkTextView-error-underline-color: @error_color;
	-GtkToolButton-icon-spacing: 6;
	-GtkToolItemGroup-expander-size: 11;
	-GtkToolbar-internal-padding: 0;
	-GtkTreeView-expander-size: 4;
	-GtkTreeView-vertical-separator: 0;
	-GtkWidget-wide-separators: 1;
	-GtkWidget-separator-width: 2px;
	-GtkWidget-separator-height: 2;
	-GtkWidget-focus-padding: 0;
	-GtkWidget-focus-line-width: 1px;
	-GtkWidget-link-color: @link_color;
	-GtkWidget-visited-link-color: @link_color;
	-GtkWindow-resize-grip-default: true;
	-WnckTasklist-fade-overlay-rect: 0;

	border-width: 1px;

	engine: unico;

	-unico-focus-border-color: alpha (@selected_bg_color, 0.6);
	-unico-focus-border-radius: 2;
	-unico-focus-fill-color: alpha (@selected_bg_color, 0.1);
	-unico-focus-outer-stroke-color: @transparent;

	-unico-inner-stroke-color: shade (@bg_color, 0.1);
	-unico-inner-stroke-width: 0;
}

GtkWindow {
    color: @fg_color;
}

* {
    /* inherit the color from parent by default */
    color: inherit;
    background-color: @bg_color;
}

/**********
 * states *
 **********/
*:insensitive {
    color: shade (@bg_color, 0.6);
    text-shadow: 0 1 alpha (shade (@bg_color, 2.5), 0.4);
}

*:active {
}

*:active:hover:insensitive {
}

*:active:insensitive {
}

*:hover {
}

*:hover:insensitive {
}

*:selected,
*:selected:focused {
	background-color: @selected_bg_color;
	color: @selected_fg_color;
}

/***********
 * Borders *
 ***********/
/* border and inner stroke */
.button,
.frame,
.notebook {
    border-style: solid;
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.76)),
                                           to (shade (@bg_color, 0.7)));
}

.frame,
.notebook {
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2);
    -unico-inner-stroke-gradient: none;
    -unico-inner-stroke-width: 1px;
}

.button:insensitive,
.frame:insensitive,
.notebook:insensitive {
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.8)),
		to (shade (@bg_color, 0.8)));
		-unico-outer-stroke-style: custom;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.9), 0.6)),
		to (alpha (shade (@bg_color, 1.1), 0.7)));
}

/* inset */
GtkComboBox.combobox-entry .button,
.button:active,
.button:insensitive,
.check,
.entry,
.radio {
	-unico-outer-stroke-style: custom;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.9), 0.6)),
		to (alpha (shade (@bg_color, 1.05), 0.6)));
}

/* shadow */
.button,
.check:active,
.frame,
.notebook .button,
.notebook,
.radio:active {
	-unico-outer-stroke-style: custom;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.05), 0.05)),
		to (alpha (shade (@bg_color, 0.05), 0.09)));
	-unico-outer-stroke-width: 1px;
}

/* GtkAssistant */
GtkAssistant .sidebar .highlight {
	color: @fg_color;
	font: bold;
}

GtkAssistant .sidebar {
	padding: 12px;
	border-width: 0 1px 0 0;
	border-radius: 2px;
	border-style: solid;
	border-color: @inactive_frame_color;
	color: mix (@fg_color, @bg_color, 0.40);
	background-color: shade (@bg_color, 0.97);
}

/**************
 * background *
 **************/

.background {
    background-color: #333333;
    border-width: 0;
}

/***********
 * Buttons *
 ***********/
.button {
    padding: 1px 2px 1px 2px;
    -unico-focus-border-color: alpha (@selected_bg_color, 0.7);
    -unico-focus-fill-color: @transparent;
    -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.2);
}

GtkComboBox,
.button {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 1.1)),
                                     to (shade (@button_bg_color, 0.96)));
    border-radius: 3px;
    border-style: solid;
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_bg_color, 0.85)),
                                           to (shade (@button_bg_color, 0.67)));

    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 1.16)),
                                                 to (shade (@button_bg_color, 1.015)));
    -unico-inner-stroke-width: 0;
}

.button:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (mix (shade (@button_bg_color, 1.2),shade (@selected_bg_color, 1.35),0.5)),
                                     to (mix (shade (@button_bg_color, 0.98),shade (@selected_bg_color, 1.2),0.5)));
    
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_bg_color, 0.89)),
                                           to (shade (@button_bg_color, 0.7)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 1.2)),
                                                 to (shade (@button_bg_color, 1.06)));
}

.button:active {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 0.9)),
                                     to (shade (@button_bg_color, 0.8)));

    -unico-focus-outer-stroke-color: @transparent;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_bg_color, 0.6)),
                                           to (shade (@button_bg_color, 0.7)));
    -unico-glow-color: shade (@button_bg_color, 0.65);
    -unico-glow-radius: 12;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 0.84)),
                                                 to (shade (@button_bg_color, 0.9)));
}

.button:active:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 0.95)),
                                     to (shade (@button_bg_color, 1.0)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_bg_color, 0.6)),
                                           to (shade (@button_bg_color, 0.7)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 0.88)),
                                                 to (shade (@button_bg_color, 0.94)));
}

.button:insensitive {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_insensitive_bg_color, 1.04)),
                                     to (shade (@button_insensitive_bg_color, 0.96)));

    text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_insensitive_bg_color, 0.8)),
                                           to (shade (@button_insensitive_bg_color, 0.8)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_insensitive_bg_color, 1.08)),
                                                 to (shade (@button_insensitive_bg_color, 1.0)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
    -unico-outer-stroke-width: 1px;
}

.button:insensitive:active {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_insensitive_bg_color, 0.97)),
                                     to (shade (@button_insensitive_bg_color, 1.0)));

    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_insensitive_bg_color, 0.95)),
                                                 to (shade (@button_insensitive_bg_color, 0.98)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
    -unico-outer-stroke-width: 1px;
}

GtkComboBox.combobox-entry .button,
.notebook .button,
.inline-toolbar.toolbar .button {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.12)),
                                     to (shade (@bg_color, 0.92)));
    border-top-color: shade (@bg_color, 0.82);
    border-right-color: shade (@bg_color, 0.78);
    border-bottom-color: shade (@bg_color, 0.64);
    border-left-color: shade (@bg_color, 0.78);
    padding: 1px;

    text-shadow: 0 1 alpha (shade (@bg_color, 1.26), 0.5);
    -unico-border-gradient: none;
    -unico-glow-color: shade (@bg_color, 1.02);
    -unico-glow-radius: 4;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 1.2)),
                                                 to (shade (@bg_color, 0.98)));
}

GtkComboBox.combobox-entry .button:hover,
.notebook .button:hover,
.inline-toolbar.toolbar .button:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.16)),
                                     to (shade (@bg_color, 0.95)));
    border-top-color: shade (@bg_color, 0.85);
    border-right-color: shade (@bg_color, 0.82);
    border-bottom-color: shade (@bg_color, 0.67);
    border-left-color: shade (@bg_color, 0.82);

    -unico-border-gradient: none;
    -unico-glow-color: shade (@bg_color, 1.07);
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 1.21)),
                                                 to (shade (@bg_color, 1.02)));
}

GtkComboBox.combobox-entry .button:active,
.notebook .button:active,
.inline-toolbar.toolbar .button:active {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 0.9)),
                                     to (shade (@bg_color, 0.95)));
    border-top-color: shade (@bg_color, 0.62);
    border-right-color: shade (@bg_color, 0.72);
    border-bottom-color: shade (@bg_color, 0.76);
    border-left-color: shade (@bg_color, 0.72);

    -unico-border-gradient: none;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 0.85)),
                                                 to (shade (@bg_color, 0.9)));
}

GtkComboBox.combobox-entry .button:active:hover,
.notebook .button:active:hover,
.inline-toolbar.toolbar .button:active:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 0.95)),
                                     to (shade (@bg_color, 1.0)));
    border-top-color: shade (@bg_color, 0.64);
    border-right-color: shade (@bg_color, 0.74);
    border-bottom-color: shade (@bg_color, 0.79);
    border-left-color: shade (@bg_color, 0.74);

    -unico-border-gradient: none;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 0.93)),
                                                 to (shade (@bg_color, 0.94)));
}

GtkComboBox.combobox-entry .button:insensitive,
.notebook .button:insensitive,
.inline-toolbar.toolbar .button:insensitive {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.06)),
                                     to (shade (@bg_color, 0.98)));
    border-top-color: shade (@bg_color, 0.86);
    border-right-color: shade (@bg_color, 0.86);
    border-bottom-color: shade (@bg_color, 0.86);
    border-left-color: shade (@bg_color, 0.9);

    -unico-border-gradient: none;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 1.1)),
                                                 to (shade (@bg_color, 1.0)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
    -unico-outer-stroke-width: 1px;
}

/* default button */
.button.default {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (mix (shade (@bg_color, 0.1), shade (@selected_bg_color, 0.65),0.17)),
                                     to (mix (shade (@bg_color, 0.9), shade (@selected_bg_color, 0.65),0.17)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (mix (shade (@button_bg_color, 0.78), shade (@selected_bg_color, 0.35),0.3), 0.15)),
                                                 to (alpha (mix (shade (@button_bg_color, 0.78), shade (@selected_bg_color, 0.35),0.3), 0.15)));
    -unico-outer-stroke-width: 1px;
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (alpha (shade (@selected_bg_color, 0.4),0.4)),
                                           to (alpha (shade (@selected_bg_color, 0.3),0.6)));
					   
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 1.2)),
                                                 to (shade (@button_bg_color, 1.06)));
}

.button.default:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (mix (shade (@selected_bg_color, 1.03), @bg_color, 0.3)),
                                     to (mix (shade (@selected_bg_color, 0.89), @bg_color, 0.3)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (mix (shade (@selected_bg_color, 0.83), @bg_color, 0.3)),
                                           to (mix (shade (@selected_bg_color, 0.67), @bg_color, 0.3)));
    -unico-glow-color: mix (shade (@selected_bg_color, 1.55), @bg_color, 0.3);
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (mix (shade (@selected_bg_color, 1.47), @bg_color, 0.3)),
                                                 to (mix (shade (@selected_bg_color, 1.17), @bg_color, 0.3)));
}

.button.default:active {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 1.2)),
                                     to (shade (@button_bg_color, 0.98)));
    
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_bg_color, 0.89)),
                                           to (shade (@button_bg_color, 0.7)));
    -unico-glow-color: shade (@selected_bg_color, 0.85);
    -unico-glow-radius: 12;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 1.2)),
                                                 to (shade (@button_bg_color, 1.06)));
}

.button.default:active:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 1.2)),
                                     to (shade (@button_bg_color, 0.98)));
    
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@button_bg_color, 0.89)),
                                           to (shade (@button_bg_color, 0.7)));
    -unico-glow-color: shade (@selected_bg_color, 0.85);
    -unico-glow-radius: 12;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 1.2)),
                                                 to (shade (@button_bg_color, 1.06)));
}

.button.default:focused {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (mix (shade (@bg_color, 1.12), shade (@selected_bg_color, 0.65),0.2)),
                                     to (mix (shade (@bg_color, 0.92), shade (@selected_bg_color, 0.65),0.2)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (mix (shade (@button_bg_color, 0.58), shade (@selected_bg_color, 0.35),0.3), 0.3)),
                                                 to (alpha (mix (shade (@button_bg_color, 0.58), shade (@selected_bg_color, 0.35),0.3), 0.3)));
    -unico-outer-stroke-width: 1;
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (alpha (shade (@selected_bg_color, 0.4),0.8)),
                                           to (alpha (shade (@selected_bg_color, 0.3),0.9)));
					   
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_bg_color, 1.2)),
                                                 to (shade (@button_bg_color, 1.06)));
}

.button.default:insensitive {
    -unico-glow-radius: 0;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@button_insensitive_bg_color, 1.08)),
                                                 to (shade (@button_insensitive_bg_color, 1.0)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
    -unico-outer-stroke-width: 1px;
}


/****************
 * cell and row *
 ****************/
.cell {
    background-color: #B2B2B2;
    border-radius: 0;
    border-width: 0;
}

.cell:selected {
}

row:hover {
}

row:insensitive {
}

row:selected:focused {
}

row:selected {
	background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@selected_bg_color, 1.06)),
                                     to (shade (@selected_bg_color, 0.94)));
	border-color: shade (@selected_bg_color, 0.88);
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
}

/****************
 * Checkbuttons *
 ****************/
.check,
.check row,
.radio,
.radio row {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@base_color, 0.96)),
		color-stop (0.10, shade (@base_color, 0.98)),
		to (@base_color));

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.68)),
		to (shade (@bg_color, 0.68)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02);
	border-width: 1px;
	border-style: solid;
}

.check:hover,
.check row:hover,
.radio:hover,
.radio row:hover {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@base_color, 0.96)),
		color-stop (0.10, shade (@base_color, 0.98)),
		to (@base_color));

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.68)),
		to (shade (@bg_color, 0.68)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02);
	border-width: 1px;
	border-style: solid;
}

.check,
.check row {
	border-radius: 2px;
}

.radio,
.radio row {
	border-radius: 10px;
}

.check:active,
.check row:selected:active,
.check row:selected:focused:active,
.notebook .check:active,
.notebook .radio:active,
.radio:active,
.radio row:selected:active,
.radio row:selected:focused:active {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@selected_bg_color, 1.1)),
		to (shade (@selected_bg_color, 0.9)));

	-unico-bullet-color: @text_color; /* shade (@selected_fg_color, 1.0); */
	-unico-bullet-outline-color: shade (@selected_bg_color, 1.2);
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@selected_bg_color, 0.7)),
		to (shade (@selected_bg_color, 0.7)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4);
	-unico-outer-stroke-style: custom;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.05), 0.02)),
		to (alpha (shade (@bg_color, 0.05), 0.08)));
	border-width: 1px;
	border-style: solid;
}

.check:active:hover,
.check row:selected:active:hover,
.check row:selected:focused:active:hover,
.notebook .check:active:hover,
.notebook .radio:active:hover,
.radio:active:hover,
.radio row:selected:active:hover,
.radio row:selected:focused:active:hover {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@selected_bg_color, 1.1)),
		to (shade (@selected_bg_color, 0.9)));

	-unico-bullet-color: shade (@selected_fg_color, 1.0);
	-unico-bullet-outline-color: shade (@selected_bg_color, 0.6);
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@selected_bg_color, 0.7)),
		to (shade (@selected_bg_color, 0.7)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4);
	-unico-outer-stroke-style: custom;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.05), 0.02)),
		to (alpha (shade (@bg_color, 0.05), 0.08)));
	border-width: 1px;
	border-style: solid;
}

.check:insensitive,
.radio:insensitive {
	background-image: none;
	background-color: shade (@bg_color, 0.96);
	border-width: 1px;
	border-style: solid;
}

.check:insensitive:active,
.radio:insensitive:active {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.96)),
		to (shade (@bg_color, 0.9)));

	-unico-bullet-color: shade (@bg_color, 0.6);
	-unico-bullet-outline-color: shade (@bg_color, 1.0);
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.8)),
		to (shade (@bg_color, 0.7)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-gradient: none;
	-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2);
	border-width: 1px;
	border-style: solid;
}

/************
 * Columns *
 ************/

column-header .button,
column-header .button:active,
.notebook column-header .button,
.notebook column-header .button:active {
    -GtkButton-inner-border: 0;
    border-radius: 0;
    border-width: 0 1px 1px 0;

    -unico-focus-border-radius: 0;
    -unico-focus-border-color: @transparent;
    -unico-focus-fill-color: alpha (@selected_bg_color, 0.2);
    -unico-focus-outer-stroke-color: @transparent;
    -unico-glow-radius: 0;
    -unico-outer-stroke-width: 0;
}

column-header .button,
.notebook column-header .button {
    background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@listview_header_gradient_a,0.99)),
		color-stop (0.2,shade (@listview_header_gradient_a,1.02)),
		to (shade (@listview_header_gradient_b,1.45)));

    text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.9)),
                                           to (shade (@bg_color, 0.8)));
    -unico-glow-color: shade (@bg_color, 1.02);
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 1.16)),
                                                 to (shade (@bg_color, 0.99)));
}

column-header .button:hover,
.notebook column-header .button:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.05)),
                                     to (shade (@bg_color, 1.35)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.84)),
                                           to (shade (@bg_color, 0.75)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@bg_color, 1.21)),
                                                 to (shade (@bg_color, 1.04)));
}

column-header:nth-child(last) .button {
    border-width: 0 0 1px 0;
}

/******************
 * combobox entry *
 ******************/
GtkComboBox.combobox-entry .entry,
GtkComboBox.combobox-entry .entry:active,
GtkComboBox.combobox-entry .entry:focused,
GtkComboBox.combobox-entry .entry:insensitive {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 1px 0 1px 1px;

    -unico-outer-stroke-width: 1px 0 1px 1px;
}

GtkComboBox.combobox-entry .button,
GtkComboBox.combobox-entry .button:hover,
GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:insensitive {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 1px 1px 1px 1px;

    -unico-outer-stroke-width: 1px 1px 1px 0;
}

GtkComboBox.combobox-entry .button,
GtkComboBox.combobox-entry .button:hover,
GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:insensitive {
    border-top-color: shade (@bg_color, 0.64);
    border-right-color: shade (@bg_color, 0.8);
    border-bottom-color: shade (@bg_color, 0.86);
    border-left-color: shade (@bg_color, 0.76);
}

/****************
 * Text Entries *
 ****************/
.entry,
.toolbar.entry {
	background-color: @base_color;
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@base_color, 0.82)),
		color-stop (0.12, shade (@base_color, 0.98)),
		color-stop (0.16, shade (@base_color, 1.0)),
		to (@base_color));
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	-unico-border-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@border_color_b, 1.00)),
		to (shade (@border_color_a, 1.00)));
	padding: 2px;
}

.entry:selected,
.entry:selected:focused {
    background-color: @selected_fg_color;

    color: @selected_fg_color;
}

.entry:focused {
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@selected_bg_color, 0.75)),
                                           to (shade (@selected_bg_color, 0.8)));
    -unico-inner-stroke-color: alpha (@selected_bg_color, 0.3);
    -unico-inner-stroke-gradient: none;
}

.entry:insensitive {
    background-color: shade (@bg_color, 1.06);
    background-image: none;

    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.05), 0.04)),
                                                 to (alpha (shade (@bg_color, 0.05), 0.02)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
    -unico-outer-stroke-width: 1px;
}

.primary-toolbar .toolbar .entry.progressbar,
.primary-toolbar.toolbar .entry.progressbar,
.entry.progressbar {
	background-color: @selected_bg_color;
	color: @selected_fg_color;
	border-width: 1px;
	border-radius: 1px;
	border-color: @progressbar_border;
}

/************
 * expander *
 ************/
.expander {
    color: @fg_color;
}

/*********
 * frame *
 *********/
.frame {
	border-radius: 3px;
	-unico-outer-stroke-width: 0;
}

/************
 * iconview *
 ************/
GtkIconView.view.cell:selected,
GtkIconView.view.cell:selected:focused {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@selected_bg_color, 1.0)),
                                     to (shade (@selected_bg_color, 0.9)));
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;

    color: @selected_fg_color;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@selected_bg_color, 0.7)),
                                           to (shade (@selected_bg_color, 0.7)));
    -unico-glow-radius: 8;
    -unico-glow-color: shade (@selected_bg_color, 1.3);
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@selected_bg_color, 1.2)),
                                                 to (shade (@selected_bg_color, 1.08)));
    -unico-inner-stroke-width: 1px;
}

.rubberband {
	background-color: alpha (@selected_bg_color, 0.35);
	border-color: @selected_bg_color;
	border-style: solid;
	border-width: 1px;
	border-radius: 0;
}

/*********
 * image *
 *********/
GtkImage,
GtkImage:insensitive {
    background-color: @transparent;
}

/***********
 * infobar *
 ***********/
.info {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@info_bg_color, 1.04)),
                                     to (shade (@info_bg_color, 0.96)));
    border-style: solid;
    border-width: 1px;

    color: @info_fg_color;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@info_bg_color, 0.8)),
                                           to (shade (@info_bg_color, 0.75)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@info_bg_color, 1.1)),
                                                 to (shade (@info_bg_color, 1.04)));
    -unico-inner-stroke-width: 1px;
}

.warning {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@warning_bg_color, 1.04)),
                                     to (shade (@warning_bg_color, 0.96)));
    border-style: solid;
    border-width: 1px;

    color: @warning_fg_color;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@warning_bg_color, 0.8)),
                                           to (shade (@warning_bg_color, 0.75)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@warning_bg_color, 1.1)),
                                                 to (shade (@warning_bg_color, 1.04)));
    -unico-inner-stroke-width: 1px;
}

.question {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@question_bg_color, 1.04)),
                                     to (shade (@question_bg_color, 0.96)));
    border-style: solid;
    border-width: 1px;

    color: @question_fg_color;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@question_bg_color, 0.8)),
                                           to (shade (@question_bg_color, 0.75)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@question_bg_color, 1.1)),
                                                 to (shade (@question_bg_color, 1.04)));
    -unico-inner-stroke-width: 1px;
}

.error {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@error_bg_color, 1.04)),
                                     to (shade (@error_bg_color, 0.96)));
    border-style: solid;
    border-width: 1px;

    color: @error_fg_color;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@error_bg_color, 0.8)),
                                           to (shade (@error_bg_color, 0.75)));
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@error_bg_color, 1.1)),
                                                 to (shade (@error_bg_color, 1.04)));
    -unico-inner-stroke-width: 1px;
}

/********
 * menu *
 ********/
.menu {
    background-image: none;
    background-color: @dark_bg_color;
    border: solid;
    border-width: 1px;
    border-color: shade (@dark_bg_color, 0.69);
    padding: 0;

    color: @fg_color;

    -unico-inner-stroke-gradient: none;
    -unico-inner-stroke-width: 0;
}

Genericmenuitem .menu,
DbusmenuGtkMenu .menu,
.menubar .menu,
.primary-toolbar .menu {
    background-color: #333333;

    color: @dark_fg_color;

    -unico-inner-stroke-color: shade (@dark_bg_color, 1.18);
}

.menu:selected {
    background-color: @selected_bg_color;
}

.menubar .menu.button:hover,
.menubar .menu.button:active,
.menubar .menu.button:active:insensitive,
.menubar .menu.button:insensitive,
.menubar .menu.button,
.primary-toolbar .menu.button:hover,
.primary-toolbar .menu.button:active,
.primary-toolbar .menu.button:active:insensitive,
.primary-toolbar .menu.button:insensitive,
.primary-toolbar .menu.button {
    background-color: shade (@dark_bg_color, 1.08);
    background-image: none;
    border-radius: 0;
    border-style: none;
    border-width: 1px;

    -unico-border-gradient: none;
    -unico-glow-radius: 0;
    -unico-inner-stroke-width: 0;
    -unico-outer-stroke-width: 0;
}

/***********
 * menubar *
 ***********/
.menubar {
    -GtkWidget-window-dragging: true;

    background-color: #333333;
    background-image: none;
    border-width: 0;

    -unico-border-gradient: none;
}

/***************
 * menubaritem *
 ***************/
.menubar.menuitem {
    border-radius: 0;
    border-width: 1px 1px 0 1px;
}

.menubar.menuitem:hover,
.menubar .menuitem:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@dark_bg_color, 2.75)),
		to (shade (@dark_bg_color, 0.5)));

    color: @selected_fg_color;

    border-color: shade (@dark_bg_color, 0.29);
    -unico-glow-radius: 0;
    -unico-inner-stroke-width: 0;
}

/************
 * menuitem *
 ************/
.menuitem {
    color: @dark_fg_color;
}

.menuitem {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    padding: 2px 6px 2px 6px;

    -unico-inner-stroke-width: 0;
}

Genericmenuitem .menuitem,
DbusmenuGtkMenu .menuitem,
.menubar .menuitem,
.primary-toolbar .menuitem {
    color: @dark_fg_color;
}

.menubar > .menuitem,
.primary-toolbar > .menuitem {
    color: @fg_color;
}

.menuitem:hover,
.menu .menuitem:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@dark_bg_color, 1.75)),
		to (shade (@dark_bg_color, 0.5)));
    border: solid;
    border-width: 1px;
    border-color: shade (@dark_bg_color, 0.3);

    color: @selected_fg_color;

    -unico-bullet-color: @dark_fg_color;

}

.menuitem.check:active,
.menuitem.radio:active {
    color: @fg_color;

    -unico-bullet-color: @fg_color;
}


.menuitem:insensitive,
.menuitem *:insensitive {
    color: mix (@fg_color, @bg_color, 0.5);
    text-shadow: none;
}

Genericmenuitem .menuitem:insensitive,
Genericmenuitem .menuitem *:insensitive,
DbusmenuGtkMenu .menuitem:insensitive,
DbusmenuGtkMenu .menuitem *:insensitive,
.menubar .menuitem:insensitive,
.menubar .menuitem *:insensitive,
.primary-toolbar .menuitem:insensitive,
.primary-toolbar .menuitem *:insensitive {
    color: mix (@dark_fg_color, @dark_bg_color, 0.5);
    text-shadow: none;
}

Genericmenuitem .menuitem.check:active,
Genericmenuitem .menuitem.radio:active,
DbusmenuGtkMenu .menuitem.check:active,
DbusmenuGtkMenu .menuitem.radio:active,
.menubar .menuitem.check:active,
.menubar .menuitem.radio:active,
.primary-toolbar .menuitem.check:active,
.primary-toolbar .menuitem.radio:active {
    color: @dark_fg_color;

    -unico-bullet-color: @dark_fg_color;
}

.menuitem.check:active:hover,
.menuitem.radio:active:hover {
    color: @selected_fg_color;

    -unico-bullet-color: @selected_fg_color;
}

.menubar .menuitem GtkCalendar,
.menubar .menuitem GtkCalendar.button,
.menubar .menuitem GtkCalendar.header,
.menubar .menuitem GtkCalendar.view,
.primary-toolbar .menuitem GtkCalendar,
.primary-toolbar .menuitem GtkCalendar.button,
.primary-toolbar .menuitem GtkCalendar.header,
.primary-toolbar .menuitem GtkCalendar.view {
    background-color: @dark_bg_color;
    background-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    padding: 0;

    color: @dark_fg_color;
}

.menubar .menuitem GtkCalendar,
.primary-toolbar .menuitem GtkCalendar {
    background-color: shade (@dark_bg_color, 1.3);
    background-image: none;
}

.menubar .menuitem .entry,
.primary-toolbar .menuitem .entry {
    background-color: shade (@dark_bg_color, 1.3);
    background-image: none;

    color: @dark_fg_color;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@dark_bg_color, 0.75)),
                                           to (shade (@dark_bg_color, 0.9)));
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@dark_bg_color, 0.98)),
                                                 to (shade (@dark_bg_color, 1.1)));;
}

.menubar .menuitem GtkScale.trough {
    background-color: @dark_bg_color;
    background-image: none;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@dark_bg_color, 0.75)),
                                           to (shade (@dark_bg_color, 1.15)));
}

Genericmenuitem .menuitem .accelerator,
DbusmenuGtkMenu .menuitem .accelerator,
.menubar .menuitem .accelerator,
.primary-toolbar .menuitem .accelerator {
    color: alpha (@dark_fg_color, 0.5);
}

Genericmenuitem .menuitem .accelerator:hover,
DbusmenuGtkMenu .menuitem .accelerator:hover,
.menubar .menuitem .accelerator:hover,
.primary-toolbar .menuitem .accelerator:hover {
    color: alpha (@selected_fg_color, 0.8);
}

Genericmenuitem .menuitem .accelerator:insensitive,
DbusmenuGtkMenu .menuitem .accelerator:insensitive,
.menubar .menuitem .accelerator:insensitive,
.primary-toolbar .menuitem .accelerator:insensitive {
    color: alpha (mix (@dark_fg_color, @dark_bg_color, 0.5), 0.5);
    text-shadow: none;
}

/******************
 * resize-grip *
 ******************/
.grip {
	-unico-centroid-texture:  url("../gtk-2.0/resize_grip.png");
}

/*******************
 * Notebook & Tabs *
 *******************/
.notebook {
	padding: 2px;
	border-radius: 4px;
	background-color: shade (@bg_color, 1.05);
}

.notebook tab {
	border-radius: 4px;
	padding: 2px 3px 0;
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.87)),
		to (shade (@bg_color, 0.82)));
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.75)),
                                           to (shade (@bg_color, 0.7)));
	-unico-inner-stroke-color: alpha (shade (@bg_color, 0.8), 0.3);
	-unico-inner-stroke-gradient: none;
	-unico-inner-stroke-width: 1px;
}

.notebook tab:active {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 1.1)),
		to (shade (@bg_color, 1.05)));
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.7)),
                                           to (shade (@bg_color, 0.66)));
	-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
	-unico-inner-stroke-gradient: none;
	-unico-inner-stroke-width: 1px;
}

/******************
 * pane separator *
 ******************/
.sidebar .pane-separator,
.pane-separator {
    background-color: @transparent;
    border-color: shade (@bg_color, 0.8);

    -unico-border-gradient: none;
    -unico-inner-stroke-color: @bg_color;
    -unico-inner-stroke-gradient: none;
    -unico-inner-stroke-width: 1px;
}

/***************
 * progressbar *
 ***************/
/* progress component */
.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focused {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@progressbar_background_a,1.04)),
		to (shade (@progressbar_background_b,0.98)));
	-unico-background-texture: url("progressbar.png");
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@progressbar_border, 1.25)),
                                           to (shade (@progressbar_border, 1.0)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (alpha (@base_color, 0.5)),
		to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}

.progressbar.vertical,
.progressbar.vertical row,
.progressbar.vertical row:hover,
.progressbar.vertical row:selected,
.progressbar.vertical row:selected:focused {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (shade (@progressbar_background_a,1.04)),
		to (shade (@progressbar_background_b,0.98)));

	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	-unico-border-gradient: -gtk-gradient (linear, left top, right top,
                                           from (shade (@progressbar_border, 1.25)),
                                           to (shade (@progressbar_border, 1.0)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-gradient: -gtk-gradient (linear,
		left top, right top,
		from (alpha (@base_color, 0.5)),
		to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}

/* through component */
GtkProgressBar,
.trough row {
	padding: 0;
}

GtkProgressBar.trough,
.trough row,
.trough row:hover {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade(@bg_color,1.02)),
		to (shade(@bg_color,1.20)));

	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	border-color: shade (@progressbar_through_border, 0.9);
}

GtkProgressBar.trough.vertical,
.trough.vertical row,
.trough.vertical row:hover {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (shade(@bg_color,1.05)),
		to (shade(@bg_color,1.20)));

	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	border-color: shade (@progressbar_through_border, 0.9);
}

.trough row:selected,
.trough row:selected:focused {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)),
		to (mix (@trough_bg_color_b, @selected_bg_color, 0.25)));
}

.trough.vertical row:selected,
.trough.vertical row:selected:focused {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)),
		to (mix (@trough_bg_color_b, @selected_bg_color, 0.25)));
}

/************
 * scale *
 ************/
GtkScale {
	-GtkScale-slider-length: 12;
	-GtkRange-slider-width: 12;
	-GtkRange-trough-border: 1px;
	-GtkRange-show-fill-level: 1;
}

GtkScale.slider {
	background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@dark_bg_color, 1.1)),
                                     to (shade (@dark_bg_color, 0.9)));
	border-style: solid;

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@dark_bg_color, 0.85)),
                                           to (shade (@dark_bg_color, 0.67)));

	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@dark_bg_color, 1.16)),
                                                 to (shade (@dark_bg_color, 1.015)));
	-unico-inner-stroke-width: 1;
	border-radius: 12px;
}

GtkScale.slider:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@dark_bg_color, 0.5)),
                                     to (shade (@dark_bg_color, 0.45)));
    
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@dark_bg_color, 0.65)),
                                           to (shade (@dark_bg_color, 0.5)));
    -unico-glow-color: shade (@selected_bg_color, 0.85);
    -unico-glow-radius: 12;
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@dark_bg_color, 0.9)),
                                                 to (shade (@dark_bg_color, 0.85)));
}

GtkScale.progressbar {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 1.2)),
		to (shade (@bg_color, 0.98)));
	background-color: @bg_color;
}

.scale.highlight.left {
	background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@dark_bg_color, 1.13)),
                                     to (shade (@dark_bg_color, 0.9)));
	border-style: solid;
	border-width: 1px;
	
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@dark_bg_color, 0.75)),
                                           to (shade (@dark_bg_color, 0.75)));

	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@dark_bg_color, 1.22)),
                                                 to (shade (@dark_bg_color, 1.0)));
	-unico-inner-stroke-width: 1px;
	-unico-outer-stroke-color: @transparent;
	-unico-outer-stroke-gradient: none;
	-unico-outer-stroke-width: 0;
}

.scale.highlight.bottom {
	background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@dark_bg_color, 1.13)),
                                     to (shade (@dark_bg_color, 0.9)));
	border-style: solid;
	border-width: 1px;
	
	-unico-border-gradient: -gtk-gradient (linear, left top, right top,
                                           from (shade (@dark_bg_color, 0.75)),
                                           to (shade (@dark_bg_color, 0.75)));

	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
                                                 from (shade (@dark_bg_color, 1.22)),
                                                 to (shade (@dark_bg_color, 1.0)));
	-unico-inner-stroke-width: 1px;
	-unico-outer-stroke-color: @transparent;
	-unico-outer-stroke-gradient: none;
	-unico-outer-stroke-width: 0;
}

GtkScale.trough {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.92)),
		to (shade (@bg_color, 0.96)));
	border-width: 1px;
	border-style: solid;

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.8)),
		to (shade (@bg_color, 0.8)));
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
	-unico-outer-stroke-width: 1px;
}



GtkScale.trough.vertical {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.92)),
		to (shade (@bg_color, 0.96)));
	border-width: 1px;
	border-style: solid;

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.8)),
		to (shade (@bg_color, 0.8)));
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, right top,
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
                                                 to (alpha (shade (@bg_color, 1.2), 0.6)));
	-unico-outer-stroke-width: 1px;
}

/*************
 * scrollbar *
 *************/
.scrollbar {
	background-image: none;
	border-style: solid;
	-GtkRange-trough-border: 3px;
	-GtkRange-arrow-scaling: 0.0;
	-GtkRange-slider-width: 9;
	-GtkRange-stepper-size: 0;
	-GtkScrollbar-min-slider-length: 50;
	-GtkRange-stepper-spacing: 0;
	-GtkRange-trough-under-steppers: 1;
	-unico-inner-stroke-style: none;
}

/* Through */
.scrollbar.trough.vertical {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (shade (@trough_bg_color_b, 1.05)),
		to (shade (@trough_bg_color_a,1.3)));
	background-color: shade (@bg_color, 0.882);
	border-radius: 0;
	border-width: 0;
	border-style: none;
}

.scrollbar.trough.horizontal {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@trough_bg_color_b, 1.05)),
		to (shade (@trough_bg_color_a,1.3)));
	background-color: shade (@bg_color, 0.882);
	border-radius: 0;
	border-width: 0;
	border-style: none;
}

/* Sliders and buttons */
.scrollbar.slider.vertical,
.scrollbar.button.vertical {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (@scrollslider_gradient_a),
		to (shade(@scrollslider_gradient_a,0.95)));
	background-color: @base_color;
	border-color: shade(@scrollslider_border,1.1);
	border-radius: 10px;
	border-width: 1px;
}

.scrollbar.slider.vertical:prelight {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (shade (@scrollslider_gradient_a, 0.94)),
		to (shade (@scrollslider_gradient_a, 0.9)));
	background-color: @base_color;
	border-color: shade (@scrollslider_border, 1.05);
}

.scrollbar.slider.vertical:prelight:active {
	background-image: -gtk-gradient (linear,
		left top, right top,
		from (shade (@scrollslider_gradient_a, 0.94)),
		to (shade (@scrollslider_gradient_b, 0.9)));
	background-color: @base_color;
	border-color: shade (@scrollslider_border, 1.05);
}

.scrollbar.slider.horizontal,
.scrollbar.button.horizontal {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (@scrollslider_gradient_a),
		to (shade(@scrollslider_gradient_a,0.95)));
	background-color: @base_color;
	border-color: shade (@scrollslider_border, 1.05);
	border-radius: 10px;
	border-width: 1px;
}

.scrollbar.slider.horizontal:prelight {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@scrollslider_gradient_a, 0.94)),
		to (shade (@scrollslider_gradient_a, 0.9)));
	background-color: @base_color;
	border-color: @scrollslider_border;
}

.scrollbar.slider.horizontal:prelight:active {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@scrollslider_gradient_a, 0.94)),
		to (shade (@scrollslider_gradient_b, 0.9)));
	background-color: @base_color;
	border-color: shade (@scrollslider_border, 1.05);
}

.scrollbar.slider:insensitive {
	background-color: @base_color;
}

.scrollbar.trough:insensitive {
	background-color: shade (@bg_color, 0.882);
}

/* overlay scrollbar */
OsThumb:selected,
OsScrollbar:selected {
    background-color: @selected_bg_color;
}

OsThumb:active,
OsScrollbar:active {
    background-color: shade (@bg_color, 0.6);
}

OsThumb:insensitive,
OsScrollbar:insensitive {
    background-color: shade (@bg_color, 0.85);
}

/*******************
 * scrolled window *
 *******************/
GtkScrolledWindow.frame {
    border-top-color: shade (@bg_color, 0.84);
    border-right-color: shade (@bg_color, 0.76);
    border-bottom-color: shade (@bg_color, 0.86);
    border-left-color: shade (@bg_color, 0.76);
    border-radius: 0;
    border-style: solid;

    -unico-border-gradient: none;
    -unico-inner-stroke-width: 0;
    -unico-outer-stroke-width: 0;
}

/*************
 * separator *
 *************/
.separator {
    border-color: shade (@bg_color, 0.8);
    border-style: solid;

    -unico-border-gradient: none;
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
    -unico-inner-stroke-gradient: none;
}

GtkComboBox .separator {
    border-color: @transparent;

    -unico-border-gradient: none;
    -unico-inner-stroke-color: @transparent;
    -unico-inner-stroke-gradient: none;
}

/*
.button .separator,
.button.separator {
    border-color: shade (@button_bg_color, 0.84);

    -unico-inner-stroke-color: alpha (shade (@button_bg_color, 1.26), 0.4);
    -unico-inner-stroke-gradient: none;
}

.notebook .button .separator,
.notebook .button.separator {
    border-color: shade (@bg_color, 0.9);

    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
    -unico-inner-stroke-gradient: none;
}

.button .separator:insensitive,
.button.separator:insensitive {
    border-color: shade (@button_insensitive_bg_color, 0.9);

    -unico-inner-stroke-color: alpha (shade (@button_insensitive_bg_color, 1.26), 0.6);
    -unico-inner-stroke-gradient: none;
}

.notebook .button .separator,
.notebook .button.separator {
    border-color: shade (@bg_color, 0.84);

    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
    -unico-inner-stroke-gradient: none;
}
*/

.menuitem.separator {
    -GtkMenuItem-horizontal-padding: 0;
    padding: 0px 0 0px 0;
    border-color: shade (#000000, 0.00);

    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
}

/***********
 * sidebar *
 ***********/
.sidebar,
.sidebar.view {
	background-color: shade (@sidebar_color, 1.00);
}

.sidebar.view:selected {
	background-color: shade (@selected_bg_color, 0.8);
	color: @selected_fg_color;
}

/***************
 * Spinbuttons *
 ***************/
.spinbutton.button:active,
.spinbutton.button:insensitive,
.notebook .spinbutton.button:active,
.notebook .spinbutton.button:insensitive,
.spinbutton.button,
.notebook .spinbutton.button {
    border-radius: 0;
    border-width: 0 1px 0 1px;

    -unico-outer-stroke-width: 0;
}

.spinbutton.button:active:nth-child(last),
.notebook .spinbutton.button:active:nth-child(last) {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.05)),
                                     to (shade (@bg_color, 0.85)));
    border-radius: 0 2px 2px 0;
    border-width: 0;
}

.spinbutton.button,
.notebook .spinbutton.button {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.1)),
                                     to (shade (@bg_color, 0.9)));
    border-top-color: shade (@bg_color, 0.64);
    border-right-color: shade (@bg_color, 0.76);
    border-bottom-color: shade (@bg_color, 0.82);
    border-left-color: shade (@bg_color, 0.76);
    border-width: 0 1px 0 1px;

    -unico-border-gradient: none;
}

.spinbutton.button:nth-child(last),
.notebook .spinbutton.button:nth-child(last) {
    border-width: 0;
    border-radius: 0 2px 2px 0;
}

.spinbutton.button:insensitive,
.notebook .spinbutton.button:insensitive {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.15)),
                                     to (shade (@bg_color, 1.08)));
    border-top-color: shade (@bg_color, 0.64);
    border-right-color: shade (@bg_color, 0.76);
    border-bottom-color: shade (@bg_color, 0.82);
    border-left-color: shade (@bg_color, 0.76);
    border-width: 0 1px 0 1px;

    color: shade (@bg_color, 0.66);

    -unico-border-gradient: none;
}

.spinbutton.button:insensitive:nth-child(last),
.notebook .spinbutton.button:insensitive:nth-child(last) {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 1.15)),
                                     to (shade (@bg_color, 1.08)));
    border-top-color: shade (@bg_color, 0.64);
    border-right-color: shade (@bg_color, 0.76);
    border-bottom-color: shade (@bg_color, 0.82);
    border-left-color: shade (@bg_color, 0.76);
    border-width: 0;
    border-radius: 0 2px 2px 0;

    color: shade (@bg_color, 0.66);
}

.spinbutton,
.spinbutton:hover {
    color: @fg_color;
}

/***********
 * spinner *
 ***********/
.menu.spinner,
.primary-toolbar .toolbar .spinner,
.primary-toolbar.toolbar .spinner {
    color: @selected_bg_color;
}

/*************
 * statusbar *
 *************/
GtkStatusbar {
	padding: 5px;
	color: @fg_color;
	-GtkStatusbar-shadow-type: none;
}

GtkStatusbar .frame {
	border-width: 0;
}

/************
 * Switches *
 ************/
GtkSwitch {
	border-radius: 2px;
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (@button_gradient_color_a),
		to (@button_gradient_color_b));

	-unico-border-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (@border_color_a),
		to (@border_color_b));

	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (alpha (@base_color, 0.9)),
		to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}

GtkSwitch.trough {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@progressbar_through_a, 1.0)),
		to (shade (@progressbar_through_b, 1.0)));

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@border_color_b, 1.00)),
		to (shade (@border_color_a, 1.00)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (alpha (@fg_color, 0.2)),
		to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}

GtkSwitch.trough:active {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@selected_bg_color, 0.9)),
		to (shade (@selected_bg_color, 1.0)));

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@border_color_b, 1.00)),
		to (shade (@border_color_a, 1.00)));
	-unico-inner-stroke-style: custom;
	-unico-inner-stroke-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (alpha (shade (@selected_bg_color, 0.6),0.2)),
		to (alpha (shade (@selected_bg_color, 1.26), 0.0)));
	color: @base_color;
}

/************
 * textview *
 ************/
GtkTextView {
    background-color: @base_color;
    color: @fg_color;
}

/***********
 * toolbar *
 ***********/
.toolbar {
	border-style: none;
}

/* handlebox */
GtkHandleBox {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color,0.99)),
		to (shade (@toolbar_gradient_base,0.9)));
	border-style: solid;
	border-bottom-color: shade (@bg_color,0.71);
	border-width: 0 0 1px 0;
	-unico-inner-stroke-color: shade (@bg_color, 0.6);
}

/* primary-toolbar */
.primary-toolbar .toolbar,
.primary-toolbar.toolbar {
	-GtkWidget-window-dragging: false;

	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color,1.0)),
		to (shade (@toolbar_gradient_final,0.85)));

	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 2px;

	color: @fg_color;

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (@toolbar_border, 0.0)),
		to (shade (@bg_color,0.71)));
	-unico-inner-stroke-color: shade (@bg_color, 1.1);
	-unico-inner-stroke-width: 0;
}

.primary-toolbar .toolbar :insensitive,
.primary-toolbar.toolbar :insensitive {
	text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
}

.primary-toolbar .toolbar GtkComboBox,
.primary-toolbar.toolbar GtkComboBox,
.primary-toolbar .toolbar .button,
.primary-toolbar.toolbar .button {
	border-radius: 3px;
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (@button_gradient_color_a),
		to (@button_gradient_color_b));

	-unico-focus-border-radius: 4;
	-unico-focus-border-color: alpha (@selected_bg_color, 0.5);
	-unico-focus-fill-color: alpha (@selected_bg_color, 0.2);
	-unico-focus-outer-stroke-color: @transparent;
	
	-unico-inner-stroke-width: 0;
	-unico-outer-stroke-width: 0;
}

.primary-toolbar .toolbar .raised .button,
.primary-toolbar.toolbar .raised .button,
.primary-toolbar .toolbar .raised.button,
.primary-toolbar.toolbar .raised.button,
.primary-toolbar .toolbar .button:hover,
.primary-toolbar.toolbar .button:hover,
.primary-toolbar .toolbar .button:active,
.primary-toolbar.toolbar .button:active,
.primary-toolbar .toolbar .button:insensitive,
.primary-toolbar.toolbar .button:insensitive {
	
}

.primary-toolbar GtkComboBox.combobox-entry .button {
	-unico-inner-stroke-width: 1;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 1.2), 0.25)),
		to (alpha (shade (@bg_color, 1.2), 0.35)));
}

.primary-toolbar GtkComboBox.combobox-entry .button,
.primary-toolbar .toolbar .raised .button,
.primary-toolbar.toolbar .raised .button,
.primary-toolbar .toolbar .raised.button,
.primary-toolbar.toolbar .raised.button,
.primary-toolbar .toolbar .button:hover,
.primary-toolbar.toolbar .button:hover {
	background-image: -gtk-gradient (linear,
		left top, left bottom,
		from (shade (@button_hover_gradient_color_a,1.05)),
		to (shade (@button_hover_gradient_color_b,0.95)));

	-unico-outer-stroke-style: custom;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.05), 0.05)),
		to (alpha (shade (@bg_color, 0.05), 0.09)));
	-unico-outer-stroke-width: 1;
	-unico-glow-color:alpha (@selected_bg_color,0.2);

	-unico-border-gradient: -gtk-gradient (linear,
		left top, left bottom,
		from (alpha (@border_color_a, 0.70)),
		to (alpha (@border_color_b, 0.70)));
}

.primary-toolbar .toolbar .raised .button:hover,
.primary-toolbar.toolbar .raised .button:hover,
.primary-toolbar .toolbar .raised.button:hover,
.primary-toolbar.toolbar .raised.button:hover {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_bg_color, 1.2)),
		to (shade (@button_bg_color, 1.04)));
}

.primary-toolbar .toolbar raised.button:active,
.primary-toolbar.toolbar raised.button:active,
.primary-toolbar .toolbar .button:active,
.primary-toolbar.toolbar .button:active {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.9)),
		to (shade (@bg_color, 0.85)));
	color: @fg_color;

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.6)),
		to (shade (@bg_color, 0.6)));
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (@button_bg_color, 0.0)),
		to (shade (@button_bg_color, 1.02)));
	-unico-glow-radius: 0;
	-unico-inner-stroke-color: shade (@bg_color, 0.8);
	-unico-inner-stroke-width: 1px 1px 0 1px;
	-unico-outer-stroke-width: 1px;
	-unico-focus-outer-stroke-color: @transparent;

}

.primary-toolbar .toolbar .button:active:hover,
.primary-toolbar.toolbar .button:active:hover {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.95)),
		to (shade (@bg_color, 0.9)));
	color: @fg_color;
	-unico-glow-color: shade (@selected_bg_color,0.7);
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.6)),
		to (shade (@bg_color, 0.6)));
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (@button_bg_color, 0.0)),
		to (shade (@button_bg_color, 1.02)));
	-unico-inner-stroke-color: shade (@bg_color, 0.85);
	-unico-inner-stroke-width: 1 1 0 1;
	-unico-outer-stroke-width: 1;
	-unico-focus-outer-stroke-color: @transparent;
}

.primary-toolbar .toolbar .button:active:insensitive,
.primary-toolbar.toolbar .button:active:insensitive,
.primary-toolbar .toolbar .button:insensitive,
.primary-toolbar.toolbar .button:insensitive {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_insensitive_bg_color, 1.04)),
		to (shade (@button_insensitive_bg_color, 0.96)));

	text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_insensitive_bg_color, 0.8)),
		to (shade (@button_insensitive_bg_color, 0.8)));
	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_insensitive_bg_color, 1.08)),
		to (shade (@button_insensitive_bg_color, 1.0)));
}

.primary-toolbar .toolbar .button:insensitive,
.primary-toolbar.toolbar .button:insensitive {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (alpha (@button_insensitive_bg_color, 0.00)),
		to (alpha (@button_insensitive_bg_color, 0.00)));

	text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);

	border-width: 0;
	-unico-inner-stroke-width: 0;
	-unico-outer-stroke-width: 0;
	-unico-border-gradient: none;
	-unico-inner-stroke-gradient: none;
}

.primary-toolbar .toolbar .button:active:insensitive,
.primary-toolbar.toolbar .button:active:insensitive {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_insensitive_bg_color, 1.0)),
		to (shade (@button_insensitive_bg_color, 0.97)));

	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_insensitive_bg_color, 0.95)),
		to (shade (@button_insensitive_bg_color, 0.98)));
	-unico-inner-stroke-width: 1px 1px 0 1px;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (@button_bg_color, 0.0)),
		to (shade (@button_bg_color, 1.02)));
	-unico-outer-stroke-width: 1px;
	border-width: 1px;
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@button_insensitive_bg_color, 0.7)),
		to (shade (@button_insensitive_bg_color, 0.8)));
}

.primary-toolbar .toolbar .entry,
.primary-toolbar.toolbar .entry,
.primary-toolbar .toolbar .entry:active,
.primary-toolbar.toolbar .entry:active,
.primary-toolbar .toolbar .entry:focused,
.primary-toolbar.toolbar .entry:focused {
	border-radius: 2px;

	color: @text_color;

	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.85), 0.2)),
		to (alpha (shade (@bg_color, 0.85), 0.2)));
	-unico-outer-stroke-width: 0;
}

.primary-toolbar .toolbar .entry,
.primary-toolbar.toolbar .entry {
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.75)),
		to (shade (@bg_color, 0.75)));
	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.05), 0.16)),
		to (alpha (shade (@bg_color, 0.05), 0.8)));
}

.primary-toolbar .toolbar .entry:insensitive,
.primary-toolbar.toolbar .entry:insensitive {
	-unico-outer-stroke-width: 1;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 1.2), 0.18)),
		to (alpha (shade (@bg_color, 1.4), 0.5)));
}

.primary-toolbar .toolbar .entry:focused,
.primary-toolbar.toolbar .entry:focused {
	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@selected_bg_color, 0.75)),
		to (shade (@selected_bg_color, 0.8)));
	-unico-inner-stroke-color: alpha (@selected_bg_color, 0.2);
	-unico-inner-stroke-gradient: none;
}

.primary-toolbar .toolbar GtkSeparatorToolItem,
.primary-toolbar.toolbar GtkSeparatorToolItem,
.primary-toolbar .toolbar .separator,
.primary-toolbar.toolbar .separator,
.primary-toolbar .toolbar .separator:insensitive,
.primary-toolbar.toolbar .separator:insensitive {
	border-color: alpha (shade (@bg_color, 0.7), 0.8);
	border-style: solid;

	-unico-border-gradient: none;
	-unico-inner-stroke-color: alpha (shade (@bg_color, 1.5), 0.2);
	-unico-inner-stroke-gradient: none;
}

/* secondary toolbar */

.secondary-toolbar.toolbar {
	border-style: solid;
	border-bottom-color: shade (@bg_color,0.71);
	border-width: 0 0 1px 0;
}

/* inline-toolbar */
.inline-toolbar.toolbar {
	-GtkToolbar-button-relief: normal;

	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@base_color, 0.93)),
		to (shade (@base_color, 0.93)));
	border-radius: 0;
	border-style: solid;
	border-width: 1px;
	padding: 3px 4px 4px 4px;
}

.inline-toolbar.toolbar:nth-child(last) {
	border-bottom-color: shade (@bg_color, 0.76);
	border-color: shade (@bg_color, 0.8);
	border-radius: 0;
	border-width: 0 1px 1px 1px;
}

.inline-toolbar.toolbar .button {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 1.12)),
		to (shade (@bg_color, 0.88)));
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	padding: 1px;

	icon-shadow: 0 1 shade (@bg_color, 1.16);

	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 1.16)),
		to (shade (@bg_color, 0.98)));
	-unico-outer-stroke-width: 1px 0 1px 0;
}

.inline-toolbar.toolbar .button *:active,
.inline-toolbar.toolbar .button *:insensitive,
.inline-toolbar.toolbar GtkToolButton .button:active,
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
	-unico-outer-stroke-width: 1px 0 1px 0;
	-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (alpha (shade (@bg_color, 0.05), 0.02)),
		to (alpha (shade (@bg_color, 0.05), 0.06)));
}

.inline-toolbar.toolbar .button *:insensitive,
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
	background-image: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 1.02)),
		to (shade (@bg_color, 0.98)));

	-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 0.85)),
		to (shade (@bg_color, 0.8)));
	-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
		from (shade (@bg_color, 1.16)),
		to (shade (@bg_color, 1.0)));
}

.inline-toolbar.toolbar .button:nth-child(first),
.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button {
	border-radius: 2px 0 0 2px;

	-unico-outer-stroke-width: 1px 0 1px 1px;
}

.inline-toolbar.toolbar .button:nth-child(last),
.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button {
	border-radius: 0 2px 2px 0;
	border-width: 1px;

	-unico-outer-stroke-width: 1px 1px 1px 0;
}

/***********
 * tooltip *
 ***********/
.tooltip {
	background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8,
                                     from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)),
                                     to (alpha (@tooltip_bg_color, 0.86)));
	border-color: @tooltip_bg_color;
	border-color: alpha (#ffffff, 0.2);
	border-radius: 5px;
	color: white;
}

/************
 * Treeviews *
 ************/

GtkTreeView .entry {
    background-image: none;
    border-radius: 0;

    -unico-inner-stroke-gradient: none;
    -unico-inner-stroke-width: 1px;
}

GtkTreeView row:nth-child(even),
GtkTreeView row:nth-child(even):hover {
	background-color: shade (@base_color, 1.0);
}

GtkTreeView row:nth-child(odd),
GtkTreeView row:nth-child(odd):hover {
	background-color: shade (@base_color, 0.93);
}

/************
 * viewport *
 ************/
GtkViewport.frame {
	border-width: 0;
	-unico-inner-stroke-width: 0;
}

Effectivement, ma section viewport n'a pas autant d'options, je vais essayer ça. tongue

David74 a écrit :

Est-ce que de ne toucher qu'aux couleurs de base (en tout début de gtkrc) peut provoquer des trucs comme ça ???

Bien sur, ce sont les couleurs de base du thème!

David74 a écrit :

Eh, vous avez vu ? Le serveur du forum, il retarde d'une heure...

Va dans ton profil > Principal et coche:

Ajustement pour l'heure d'été : cochez cette case si nécessaire pour que les forums affichent correctement l'heure.


12.04.4 LTS, Xfce 4.10, Phenom II x6 1090T BE, SSD Patriot Inferno 60 Go, WD Black 1 To, Sapphire HD 7750 ULTIMATE, RME HDSP 9632, Dell U2713HM.
    Un site qui vaut le détour: http://blog.syti.net  Une radio hors du commun: http://solenopole.org  You like the american dream? Wellcome to Guantànamo!

Hors ligne

#49 Le 16/09/2013, à 09:35

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

David74 a écrit :

Est-ce que de ne toucher qu'aux couleurs de base (en tout début de gtkrc) peut provoquer des trucs comme ça ???

fcn50 a écrit :

Bien sur, ce sont les couleurs de base du thème!

Oui, d'accord, mais ce qui me surprend, c'est la nature des changements : dans thunar, j'avais 2 couleurs, je n'en ai plus qu'une, comme si thunarrc avait été modifié, ce qui n'est pas le cas. J'aurais compris que les 2 couleurs changent, mais ce que je ne comprends pas, c'est que de 2 je passe à une seule. Pour ce qui est des sliders, en fait, il me restait un espèce de dégradé léger mais pas très esthétique, dans le milieu de la largeur, et sur toute la hauteur, ce qui me faisait comme une tâche grise au milieu de mon slider blanc. Je pensais plutôt qu'il s'agissait d'un réglage de valeurs "gradient_shades", ou "shade", planqué quelque part, pas que cela pouvait dépendre des couleurs de base, que d'ailleurs, je n'ai modifiées que légèrement. C'est pour ça que je continue de trouver ça bizarre, en tout cas...

David74 a écrit :

Eh, vous avez vu ? Le serveur du forum, il retarde d'une heure...

fcn50 a écrit :

Va dans ton profil > Principal et coche:

Ajustement pour l'heure d'été : cochez cette case si nécessaire pour que les forums affichent correctement l'heure.

Ah, ouais, dis donc... Je n'étais jamais allé dans mon Profil. Merci

Hors ligne

#50 Le 16/09/2013, à 09:57

David74

Re : Configuration Gtk3... et 2 aussi, d'ailleurs

Ah oui, aussi... Mais là, on rentre dans le dur, je pense... Il y a Evolution, qui garde des têtes de colonnes spécifiques ; il ne prend pas celles du thème, et c'est moche.

Evolution
1379318134.png

Gestionnaire d'archives (en Gtk3 aussi...)
1379318211.png

Une idée ?...

Hors ligne

Haut de page ↑