Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#26 Le 15/09/2013, à 16: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

#27 Le 15/09/2013, à 18:04

David74

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

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

Hors ligne

#28 Le 15/09/2013, à 18:29

F50

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, à 12:52)

#29 Le 15/09/2013, à 23: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 15/09/2013, à 23:19)

Hors ligne

#30 Le 15/09/2013, à 23: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

#31 Le 16/09/2013, à 07:08

F50

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.

#32 Le 16/09/2013, à 08: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

#33 Le 16/09/2013, à 08: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

#34 Le 16/09/2013, à 14:14

F50

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

Bingo golgot200! Super, merci. big_smile C'est bien ces "GtkTreeView row:nth-child" qui change ces couleurs, y compris dans Synaptic. tongue Maintenant, à l'attaque des boutons. wink

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

David74

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

Moi, j'ai peur de ne pas avoir tout bien compris. Ça change les couleurs de quelle partie des fenêtres exactement ?? Parce que je croyais que tu cherchais à modifier des couleurs de polices ?

Hors ligne

#36 Le 16/09/2013, à 22:39

F50

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

@ golgot200: Y'a pas de lézard wink j'ai bien lu mais la première solution du viewport n'avait pas marché, enfin pas pour ces fameux fonds blancs, c'est * Treeviews * qui l'a réglé...
Il y a juste un dernier bout de blanc qui résiste, celui de Deadbeef > Editer > Préférences > Greffons (le grand cadre intérieur) et la barre de saisie du mdp demandé avant l'ouverture de Synatic, comme celui de ta barre de saisi de Transmission (à droite) au #30 de ta capture d'écran. Je continu à chercher, pour le reste c'est la classe, encore une fois merci. À plusieurs c'est quand même plus facile. tongue

Dernière modification par fcn50 (Le 16/09/2013, à 22:44)

#37 Le 17/09/2013, à 10:00

F50

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

C'est exactement ce que je veux modifier mais dans mon thème il n'y a pas de section spécifique * entry * ou j'ai pas bien compris? Oui oui, pour Deadbeef je suis bien en GTK3. wink

Edit: Bingo merci! Chez moi c'est dans la section * Text Entries*, mais c'est poussé, on peux  modifier les gradients au sein même de l'espace de saisi, infini tout ça. big_smile

Dernière modification par fcn50 (Le 17/09/2013, à 10:18)

#38 Le 17/09/2013, à 10:20

F50

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

J'ai modifier mon précédent message. wink Voici la fameuse section chez moi:

/****************
 * 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 (#333333, 0.98)),
		color-stop (0.16, shade (#333333, 1.0)),
		to (#333333));
	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_bg_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;
}

Etc etc...

#39 Le 17/09/2013, à 10:46

F50

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

Non j'ai jamais utilisé (je connaissais pas), tu l'utilises pour quoi exactement? C'est pour l'extraction des pistes audio des DVD?

#40 Le 17/09/2013, à 11:18

F50

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

Perso pour le ripp des CDs j'utilise Rubyripper et pour la conversion y'a vlc qui le fait. J'utilisais un convertisseur mais je me souviens plus du nom. Par contre j'ai jamais extrait la piste son d'un DVD. roll Vlc devrait le faire, non?

#41 Le 17/09/2013, à 12:31

The Uploader

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

/me n'a jamais pu blairer VLC et sa lenteur.
Sous Windows, y'a MPC HC qui est bien mieux.
Sous GNU/Linux, on a le meilleur :  mplayer (et ses GUI : smplayer, ...). Et tout ce qui est basé sur gstreamer (Parole, Totem, ...).
Bref, il y a des concurrents qui ont autant de qualités, voire plus, que VLC (même pour l'encodage, ffmpeg et mencoder sont là pour ça). tongue
[/HS]

Dernière modification par The Uploader (Le 17/09/2013, à 12:31)


- Oldies PC : Intel Pentium 3 @ 800 Mhz sur CM ASUS P2B-F, GeForce 4 Ti4800 SE, Disque Dur Hitachi 160 Go, 512 Mo de RAM, 3DFX Voodoo 2, Sound Blaster 16 ISA PnP, Windows 98 SE / XP)
- Desktop : Intel Core i7 6700K @ 4 GHz sur CM ASUS Z170-P, GeForce GTX 1070, SSD Samsung 850 EVO 1 To, 16 Go de RAM, Disque Dur Seagate Barracuda 3 To, Windows 10

Hors ligne

#42 Le 17/09/2013, à 12:41

The Uploader

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

Plus besoin de AC3filter, tout ce qu'il fait est géré par MPC HC (qui est un fork du vieux MPC), qui embarque ffdshow_tryouts (fork de ffdshow, ffmpeg pour Windows). wink


- Oldies PC : Intel Pentium 3 @ 800 Mhz sur CM ASUS P2B-F, GeForce 4 Ti4800 SE, Disque Dur Hitachi 160 Go, 512 Mo de RAM, 3DFX Voodoo 2, Sound Blaster 16 ISA PnP, Windows 98 SE / XP)
- Desktop : Intel Core i7 6700K @ 4 GHz sur CM ASUS Z170-P, GeForce GTX 1070, SSD Samsung 850 EVO 1 To, 16 Go de RAM, Disque Dur Seagate Barracuda 3 To, Windows 10

Hors ligne

#43 Le 17/09/2013, à 13:11

F50

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

Je suis pas fan de vlc mais j'ai essayer mplayer qui ne me trouvais pas la sortie son avec ma carte. MPC HC est pour moi le nec sauf que tintin sous nunux! Sans compter que que vdpau ça fonctionne alors xvba-va-driver est à la traîne et attend que les poules aient des dents...

P.S. Si quelqu'un me donne un coup de clavier pour installer et tester mplayer, je suis partant. big_smile

Pour revenir à nos moutons, quelques captures:

1379419734.png

1379419778.png

1379419810.png

1379419856.png

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

#44 Le 17/09/2013, à 13:15

The Uploader

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

smplayer, 'nuff said.


- Oldies PC : Intel Pentium 3 @ 800 Mhz sur CM ASUS P2B-F, GeForce 4 Ti4800 SE, Disque Dur Hitachi 160 Go, 512 Mo de RAM, 3DFX Voodoo 2, Sound Blaster 16 ISA PnP, Windows 98 SE / XP)
- Desktop : Intel Core i7 6700K @ 4 GHz sur CM ASUS Z170-P, GeForce GTX 1070, SSD Samsung 850 EVO 1 To, 16 Go de RAM, Disque Dur Seagate Barracuda 3 To, Windows 10

Hors ligne

#45 Le 17/09/2013, à 13:51

F50

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

No sound but picture ok...

Huit version plus tard, toujours une m*rde, smplayer, aucun son cet abruti!

Dernière modification par fcn50 (Le 17/09/2013, à 14:44)

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

F50

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

J'ai virer ce caca de PA depuis longtemps et c'est la sortie Alsa (0.0 Hammerfall) dans smplayer mais j'ai tout essayé et cet abruti ne sort aucun son et aucune erreur. Voilà ce que j'ai dans vlc et Deadbeef comme sortie possible:

1379426934.png

1379426974.png

Et ça marche, y'a que cet oignon (mplayer) qui n'a jamais su quoi faire avec ma carte son (pilote linux existant depuis 2005!) et ce depuis toujours, ce genre de soft pour moi, c'est de suite > poubelle. D'ailleurs il est déjà supprimé. Manque-t-il un paquet pour le son, je ne sais pas mais c'est de l'amateur ce genre de bidule.

P.S. Sur la même vidéo, mplayer bouffe 4-5% de plus que vlc et sans son! (CG AMD, voir signature). Je crois que ce mplayer n'a jamais entendu parler d'un ~/.asoundrc...

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

#47 Le 18/09/2013, à 18:47

David74

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

ET donc... Personne n'a de piste à m'indiquer pour Evolution ?

Hors ligne

#48 Le 19/09/2013, à 11:03

F50

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

Désolé David74, je n'utilise pas Evolution.

@ golgot200: Content que tu as résolu ton problème xcfa. smile Pour Mplayer, je sais pourquoi je ne l'ai jamais utilisé, je crois que l'accélération de AMD n'est pas prise en charge contrairement à vlc. De toute façon j'ai pas de son avec le premier malgré que l'interfaces graphique est plus belle.

#49 Le 20/09/2013, à 07:25

F50

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

Comme dit: Infini tout ça! tongue C'est déjà joli là malgré que je connaisse pas les interfaces de la banane tordue. big_smile

Ici je cherche à modifier uniquement la couleur de fond de nautilus indépendamment des autres fonds. Je sais comment faire pour le panneau de gauche mais pas pour le principal.

Bonne bidouille. cool

#50 Le 20/09/2013, à 18:10

F50

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

C'est la guerre des boutons! lol Chouette la barre de progression, bel effet. wink