#26 Le 15/09/2013, à 17:42
- David74
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
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, à 19:04
- David74
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
Qu'appelles tu un thème "unifié" ?
Hors ligne
#28 Le 15/09/2013, à 19: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:
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)
#29 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
#30 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
#31 Le 16/09/2013, à 08:08
- F50
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
Bon pour synaptic, c'est peut-être normal.
Je pense que c'est lié à polkit pour ces fenêtres "dépôts"...
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.
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!
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, à 09:35
- David74
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
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!
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...
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.
Ah, ouais, dis donc... Je n'étais jamais allé dans mon Profil. Merci
Hors ligne
#33 Le 16/09/2013, à 09:57
Hors ligne
#34 Le 16/09/2013, à 15:14
- F50
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
Bingo golgot200! Super, merci. C'est bien ces "GtkTreeView row:nth-child" qui change ces couleurs, y compris dans Synaptic.
Maintenant, à l'attaque des boutons.
#35 Le 16/09/2013, à 16: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, à 23:39
- F50
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
@ golgot200: Y'a pas de lézard 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.
Dernière modification par fcn50 (Le 16/09/2013, à 23:44)
#37 Le 17/09/2013, à 11: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.
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.
Dernière modification par fcn50 (Le 17/09/2013, à 11:18)
#38 Le 17/09/2013, à 11:20
- F50
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
J'ai modifier mon précédent message. 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, à 11: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, à 12: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. Vlc devrait le faire, non?
#41 Le 17/09/2013, à 13: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).
[/HS]
Dernière modification par The Uploader (Le 17/09/2013, à 13: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, à 13: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).
- 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, à 14: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.
Pour revenir à nos moutons, quelques captures:
Dernière modification par fcn50 (Le 21/09/2013, à 13:54)
#44 Le 17/09/2013, à 14: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, à 14: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, à 15:44)
#46 Le 17/09/2013, à 16: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:
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, à 13:54)
#47 Le 18/09/2013, à 19: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, à 12: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. 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, à 08:25
- F50
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
Comme dit: Infini tout ça! C'est déjà joli là malgré que je connaisse pas les interfaces de la banane tordue.
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.
#50 Le 20/09/2013, à 19:10
- F50
Re : Configuration Gtk3... et 2 aussi, d'ailleurs
C'est la guerre des boutons! Chouette la barre de progression, bel effet.