1055 lines
26 KiB
CSS
1055 lines
26 KiB
CSS
|
/**********************************************/
|
||
|
|
/* OneStepBack theme; gtk3 part */
|
||
|
|
/* jpsb: July 2015 - July 2017 */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* Color definitions */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
@define-color white_color #ffffff;
|
||
|
|
@define-color lighter_color #efefef;
|
||
|
|
@define-color base_color #dfdfdf;
|
||
|
|
@define-color darker_color #a1a2a1;
|
||
|
|
@define-color black_color #000000;
|
||
|
|
@define-color scale_color #9c9cff;
|
||
|
|
@define-color lighter_scale_color #ccccff;
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* Derived colors */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
@define-color menuitem_active_color @lighter_color;
|
||
|
|
@define-color button_active_color @darker_color;
|
||
|
|
@define-color inset_lighter_color shade(@base_color,0.9);
|
||
|
|
@define-color outset_lighter_color shade(@base_color,1.3);
|
||
|
|
@define-color inset_darker_color shade(@base_color,0.5);
|
||
|
|
@define-color inset_scale_color shade(@scale_color,1.15);
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* Color names curiously hardcoded in some gnome applications */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
@define-color theme_base_color @lighter_color;
|
||
|
|
@define-color theme_text_color @black_color;
|
||
|
|
@define-color theme_bg_color @base_color;
|
||
|
|
@define-color theme_fg_color @black_color;
|
||
|
|
@define-color theme_selected_bg_color @darker_color;
|
||
|
|
@define-color theme_selected_fg_color @lighter_color;
|
||
|
|
@define-color theme_tooltip_bg_color @base_color;
|
||
|
|
@define-color theme_tooltip_fg_color @black_color;
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* headerbar */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
headerbar {
|
||
|
|
background-color: @black_color; /* fond de barre */
|
||
|
|
color: @black_color; /* séparations verticales dans la barre */
|
||
|
|
}
|
||
|
|
|
||
|
|
.titlebar .title {
|
||
|
|
color: @white_color;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.titlebar .title:backdrop {
|
||
|
|
color: @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
headerbar .pathbar { /* dconf-editor */
|
||
|
|
color: @white_color;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ombres des fenêtres */
|
||
|
|
decoration {
|
||
|
|
/* arrondi des angles la barre de titre */
|
||
|
|
border-radius: 4px 4px 0px 0px;
|
||
|
|
|
||
|
|
/* the resize cursor area */
|
||
|
|
margin: 10px;
|
||
|
|
|
||
|
|
/* box-shadow: [inset] horizontal_offset vertical_offset blur_radius color; */
|
||
|
|
box-shadow: 0 3px 3px 1px @darker_color, 0 0 0 1px @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
decoration:backdrop {
|
||
|
|
box-shadow: 0 3px 3px 1px @darker_color, 0 0 0 1px @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***********************************************/
|
||
|
|
/* general */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
* {
|
||
|
|
-GtkScrollbar-has-backward-stepper: false;
|
||
|
|
-GtkScrollbar-has-forward-stepper: true;
|
||
|
|
-GtkScrollbar-has-secondary-forward-stepper: false;
|
||
|
|
-GtkScrollbar-has-secondary-backward-stepper: true;
|
||
|
|
|
||
|
|
/* -GtkWidget-window-dragging: true;*/ /* behrz */
|
||
|
|
/* seems to break things in gnumeric: Ingo S. */
|
||
|
|
}
|
||
|
|
|
||
|
|
.background {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* button */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
button {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @black_color;
|
||
|
|
padding: 4px 8px;
|
||
|
|
border: 1px solid @black_color;
|
||
|
|
|
||
|
|
border-radius: 4px;
|
||
|
|
|
||
|
|
box-shadow: inset 1 0px rgba(255,255,255, 1), inset 0 1px rgba(255,255,255, 1), inset 0 -2px rgba(150, 150, 150, 0.9), inset -2 0px rgba(150, 150, 150, 0.9);
|
||
|
|
|
||
|
|
min-height: 16px;
|
||
|
|
min-width: 16px;
|
||
|
|
margin: 1px 1px;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
button:active, button:checked {
|
||
|
|
background-color: @inset_lighter_color;
|
||
|
|
box-shadow: inset 1 0px rgba(150, 150, 150, 0.9), inset 0 1px rgba(150, 150, 150, 0.9), inset 0 -2px rgba(255,255,255, 0.5), inset -2 0px rgba(255,255,255, 0.5);
|
||
|
|
border-color: @inset_darker_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:disabled {
|
||
|
|
color: @darker_color;
|
||
|
|
border: 1px solid @darker_color;
|
||
|
|
box-shadow: inset 0 0px rgba(255,255,255, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
headerbar button, headerbar button:active, headerbar button:selected {
|
||
|
|
border: none;
|
||
|
|
background-color: @black_color; /* fond de bouton de headerbarre */
|
||
|
|
color: @white_color; /* couleur int bouton de barre */
|
||
|
|
}
|
||
|
|
|
||
|
|
headerbar button:checked { /* bouton de headerbarre actif */
|
||
|
|
border: none;
|
||
|
|
background-color: @black_color;
|
||
|
|
color: @white_color;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* menu */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
menubar {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
padding: 0px;
|
||
|
|
padding-top: 1px;
|
||
|
|
padding-bottom: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
menu {
|
||
|
|
padding: 1px;
|
||
|
|
padding-right: 2px;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem {
|
||
|
|
padding-left: 8px;
|
||
|
|
padding-right: 5px;
|
||
|
|
padding-top: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
menu:active, menu:hover{
|
||
|
|
background-color: @menuitem_active_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem:active, menuitem:hover {
|
||
|
|
background-color: @menuitem_active_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
combobox menu {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-bottom: 1px solid @black_color;
|
||
|
|
border-right: 1px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* toolbar */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
toolbar {
|
||
|
|
padding: 1px;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbar button {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbar button:hover {
|
||
|
|
border-left: 1px solid @lighter_color;
|
||
|
|
border-top: 1px solid @lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbar button:checked,
|
||
|
|
toolbar button:active {
|
||
|
|
background-color: @button_active_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1px solid @inset_lighter_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbar button:active:hover {
|
||
|
|
background-color: @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbar button:checked:hover {
|
||
|
|
background-color: @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* scale */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
scale trough {
|
||
|
|
margin: 1px;
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1px solid @inset_darker_color;
|
||
|
|
border-top: 1px solid @inset_darker_color;
|
||
|
|
border-right: 1px solid @base_color;
|
||
|
|
border-bottom: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
scale.horizontal trough {
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
scale.vertical trough {
|
||
|
|
padding-top: 15px;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
scale.horizontal slider {
|
||
|
|
min-width: 29px;
|
||
|
|
min-height: 12px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-image: url("../img/slider_horizontal_thumb.png");
|
||
|
|
background-color: @base_color;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
scale.vertical slider {
|
||
|
|
min-width: 12px;
|
||
|
|
min-height: 29px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-image: url("../img/slider_vertical_thumb.png");
|
||
|
|
background-color: @base_color;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
scale indicator {
|
||
|
|
min-width: 1px;
|
||
|
|
min-height: 5px;
|
||
|
|
background: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* progressbar */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
progressbar {
|
||
|
|
color: @black_color;
|
||
|
|
background-color: @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
progressbar.vertical trough {
|
||
|
|
min-width: 20px;
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @black_color;
|
||
|
|
border-left: 1px solid @inset_darker_color;
|
||
|
|
border-top: 1px solid @inset_darker_color;
|
||
|
|
border-right: 1px solid @base_color;
|
||
|
|
border-bottom: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
progressbar.horizontal trough {
|
||
|
|
min-height: 18px;
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @black_color;
|
||
|
|
border-left: 1px solid @inset_darker_color;
|
||
|
|
border-top: 1px solid @inset_darker_color;
|
||
|
|
border-right: 1px solid @base_color;
|
||
|
|
border-bottom: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
progressbar.vertical progress {
|
||
|
|
min-width: 16px;
|
||
|
|
background-color: @scale_color;
|
||
|
|
border-left: 1px solid shade(@scale_color,1.3);
|
||
|
|
border-top: 1px solid shade(@scale_color,1.3);
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
progressbar.horizontal progress {
|
||
|
|
min-height: 14px;
|
||
|
|
background-color: @scale_color;
|
||
|
|
border-left: 1px solid shade(@scale_color,1.3);
|
||
|
|
border-top: 1px solid shade(@scale_color,1.3);
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
progressbar.vertical text {
|
||
|
|
margin-right: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* progressbars are different in GtkTreeView (monitor) */
|
||
|
|
treeview.view.progressbar {
|
||
|
|
min-height: 14px;
|
||
|
|
background-color: @scale_color;
|
||
|
|
border-left: 1px solid shade(@scale_color,1.3);
|
||
|
|
border-top: 1px solid shade(@scale_color,1.3);
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
treeview.view.trough,
|
||
|
|
treeview.view.trough:selected {
|
||
|
|
min-height: 18px;
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @black_color;
|
||
|
|
border-left: 1px solid @inset_darker_color;
|
||
|
|
border-top: 1px solid @inset_darker_color;
|
||
|
|
border-right: 1px solid @base_color;
|
||
|
|
border-bottom: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* scrollbar */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
scrollbar trough {
|
||
|
|
background-color: @darker_color;
|
||
|
|
min-width: 14px;
|
||
|
|
min-height: 14px;
|
||
|
|
border-left: 1px solid @inset_darker_color;
|
||
|
|
border-top: 1px solid @inset_darker_color;
|
||
|
|
border-right: 1px solid @base_color;
|
||
|
|
border-bottom: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar slider {
|
||
|
|
background-color: @scale_color;
|
||
|
|
min-width: 12px;
|
||
|
|
min-height: 12px;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-image: url("../img/scrollbar_thumb.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical slider {
|
||
|
|
min-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal slider {
|
||
|
|
min-width: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical button.up {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
margin-left: 1px;
|
||
|
|
margin-right: 1px;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
padding-left: 2px;
|
||
|
|
padding-right: 3px;
|
||
|
|
padding-top: 3px;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
min-height: 4px;
|
||
|
|
min-width: 7px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-up.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical button.up:active {
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1px solid @inset_lighter_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
-gtk-icon-source: url("../img/arrow-up.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical button.up:disabled {
|
||
|
|
padding-left: 2px;
|
||
|
|
padding-right: 2px;
|
||
|
|
padding-top: 3px;
|
||
|
|
padding-bottom: 4px;
|
||
|
|
min-height: 5px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-up-disabled.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical button.down {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
margin-left: 1px;
|
||
|
|
margin-right: 1px;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
padding-left: 2px;
|
||
|
|
padding-right: 3px;
|
||
|
|
padding-top: 4px;
|
||
|
|
padding-bottom: 4px;
|
||
|
|
min-height: 4px;
|
||
|
|
min-width: 7px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-down.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical button.down:active {
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1px solid @inset_lighter_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
-gtk-icon-source: url("../img/arrow-down.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.vertical button.down:disabled {
|
||
|
|
padding-left: 2px;
|
||
|
|
padding-right: 2px;
|
||
|
|
padding-top: 4px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
min-height: 5px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-down-disabled.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal button.up {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-right: 0px;
|
||
|
|
margin-top: 1px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
padding-left: 3px;
|
||
|
|
padding-right: 5px;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
min-height: 7px;
|
||
|
|
min-width: 4px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-left.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal button.up:active {
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1px solid @inset_lighter_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
-gtk-icon-source: url("../img/arrow-left.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal button.up:disabled {
|
||
|
|
padding-left: 3px;
|
||
|
|
padding-right: 3px;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
min-width: 6px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-left-disabled.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal button.down {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-right: 0px;
|
||
|
|
margin-top: 1px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
padding-left: 4px;
|
||
|
|
padding-right: 4px;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
min-height: 7px;
|
||
|
|
min-width: 4px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-right.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal button.down:active {
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1px solid @inset_lighter_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
-gtk-icon-source: url("../img/arrow-right.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollbar.horizontal button.down:disabled {
|
||
|
|
padding-left: 3px;
|
||
|
|
padding-right: 3px;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
min-width: 6px;
|
||
|
|
-gtk-icon-source: url("../img/arrow-right-disabled.png");
|
||
|
|
}
|
||
|
|
/**********************************************/
|
||
|
|
/* entry, treeview, textview, iconwiew */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
entry {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
color: @black_color;
|
||
|
|
padding: 2px;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1px solid @inset_lighter_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
entry:disabled {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
label:disabled {
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
treeview {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
textview selection {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
textview {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
selection {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
iconview {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* frame, notebook, tab */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
notebook {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @black_color;
|
||
|
|
padding: 1px;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
notebook frame {
|
||
|
|
background-color: @base_color;
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
notebook tab {
|
||
|
|
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1px solid @black_color;
|
||
|
|
border-top: 1px solid @black_color;
|
||
|
|
border-right: 1px solid @black_color;
|
||
|
|
padding: 3px;
|
||
|
|
margin: 1px;
|
||
|
|
border-radius: 3px 3px 0px 0px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
notebook tab:checked,
|
||
|
|
notebook tab:active {
|
||
|
|
background-color: @base_color;
|
||
|
|
border-left: 1px solid @outset_darker_color;
|
||
|
|
border-top: 1px solid @outset_darker_color;
|
||
|
|
border-right: 1px solid @outset_darker_color;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
frame {
|
||
|
|
background-color: @base_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1px solid @black_color;
|
||
|
|
border-right: 1px solid @outset_lighter_color;
|
||
|
|
border-bottom: 1px solid @outset_lighter_color;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* list, row */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
list {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
padding: 7px;
|
||
|
|
background-color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
row {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
padding: 5px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
row:selected {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
list row:active {
|
||
|
|
background-color: @darker_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* separator */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
separator.vertical {
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
border-left: 1px solid @darker_color;
|
||
|
|
border-right: 1px solid @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
separator.horizontal {
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
border-top: 1px solid @darker_color;
|
||
|
|
border-bottom: 1px solid @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
toolbar separator {
|
||
|
|
margin: 5px;
|
||
|
|
margin-top: 7px;
|
||
|
|
margin-bottom: 7px;
|
||
|
|
border-left: 1px solid @inset_darker_color;
|
||
|
|
border-right: 1px solid @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
menu separator {
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
border-top: 1px solid @inset_darker_color;
|
||
|
|
border-bottom: 1px solid @inset_lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
paned.vertical separator {
|
||
|
|
border: none;
|
||
|
|
padding: 0px;
|
||
|
|
background-image: url("../img/separator_horizontal.png");
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
paned.horizontal separator {
|
||
|
|
border: none;
|
||
|
|
padding: 0px;
|
||
|
|
background-image: url("../img/separator_vertical.png");
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* separator in nautilus side panel */
|
||
|
|
paned list separator.horizontal {
|
||
|
|
min-height:1px;
|
||
|
|
background-image: none;
|
||
|
|
border: none;
|
||
|
|
border-top: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* check, radio */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
checkbutton, radiobutton {
|
||
|
|
color: @black_color;
|
||
|
|
background-color: @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*notebook checkbutton, notebook radiobutton {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
checkbutton:disabled, radiobutton:disabled {
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
check {
|
||
|
|
padding: 0px;
|
||
|
|
border: none;
|
||
|
|
margin: 5px;
|
||
|
|
min-width: 13px;
|
||
|
|
min-height: 13px;
|
||
|
|
-gtk-icon-source: url("../img/check-unchecked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
check:checked {
|
||
|
|
-gtk-icon-source: url("../img/check-checked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
radio {
|
||
|
|
padding: 0px;
|
||
|
|
border: none;
|
||
|
|
margin: 5px;
|
||
|
|
min-width: 13px;
|
||
|
|
min-height: 13px;
|
||
|
|
-gtk-icon-source: url("../img/radio-unchecked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
radio:checked {
|
||
|
|
min-width: 13px;
|
||
|
|
min-height: 13px;
|
||
|
|
-gtk-icon-source: url("../img/radio-checked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
check:disabled {
|
||
|
|
min-width: 11px;
|
||
|
|
min-height: 11px;
|
||
|
|
-gtk-icon-source: url("../img/check-disabled-unchecked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
radio:disabled {
|
||
|
|
min-width: 11px;
|
||
|
|
min-height: 11px;
|
||
|
|
-gtk-icon-source: url("../img/radio-disabled-unchecked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
check:disabled:checked {
|
||
|
|
-gtk-icon-source: url("../img/check-disabled-checked.png");
|
||
|
|
min-width: 11px;
|
||
|
|
min-height: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
radio:disabled:checked {
|
||
|
|
-gtk-icon-source: url("../img/radio-disabled-checked.png");
|
||
|
|
min-width: 11px;
|
||
|
|
min-height: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* check and radio in menu */
|
||
|
|
menuitem check, menuitem radio {
|
||
|
|
-gtk-icon-source: url("../img/menuitem-transparent.png");
|
||
|
|
min-width: 8px;
|
||
|
|
min-height: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem check:checked {
|
||
|
|
-gtk-icon-source: url("../img/menuitem-check-checked.png");
|
||
|
|
min-width: 8px;
|
||
|
|
min-height: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem check:disabled:checked {
|
||
|
|
-gtk-icon-source: url("../img/menuitem-check-checked-disabled.png");
|
||
|
|
min-width: 8px;
|
||
|
|
min-height: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem radio:checked {
|
||
|
|
min-width: 5px;
|
||
|
|
min-height: 5px;
|
||
|
|
-gtk-icon-source: url("../img/menuitem-radio-checked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem radio:disabled:checked {
|
||
|
|
min-width: 5px;
|
||
|
|
min-height: 5px;
|
||
|
|
-gtk-icon-source: url("../img/menuitem-radio-checked-disabled.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
/* handbrake/defaults audio; tweaktools/bureau*/
|
||
|
|
list row checkbutton, list row radiobutton {
|
||
|
|
background-color: transparent;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* handbrake/defaults audio; tweaktools/bureau */
|
||
|
|
list row checkbutton label:disabled,
|
||
|
|
list row radiobutton label:disabled,
|
||
|
|
list row check:disabled,
|
||
|
|
list row radio:disabled {
|
||
|
|
background-color: transparent;
|
||
|
|
color: @darker_color;
|
||
|
|
min-width: 11px;
|
||
|
|
min-height: 11px;
|
||
|
|
-gtk-icon-source: url("../img/radio-disabled-unchecked.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* popover */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
popover {
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
popover modelbutton {
|
||
|
|
padding: 0px;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
popover modelbutton:hover, popover modelbutton:active {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* switch */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
switch {
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @black_color;
|
||
|
|
border-left: 1.3px solid @black_color;
|
||
|
|
border-top: 1.3px solid @black_color;
|
||
|
|
border-right: 1.3px solid @lighter_color;
|
||
|
|
border-bottom: 1.3px solid @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
switch:checked {
|
||
|
|
background-color: @scale_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
switch slider {
|
||
|
|
background-color: @base_color;
|
||
|
|
padding: 1px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-image: url("../img/scrollbar_thumb.png");
|
||
|
|
border-left: 1px solid @outset_lighter_color;
|
||
|
|
border-top: 1px solid @outset_lighter_color;
|
||
|
|
border-right: 1.3px solid @black_color;
|
||
|
|
border-bottom: 1.3px solid @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
switch:disabled {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
switch:disabled slider {
|
||
|
|
background-color: @darker_color;
|
||
|
|
border-left: 1px solid @base_color;
|
||
|
|
border-top: 1px solid @base_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* arrow */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
combobox arrow {
|
||
|
|
min-height: 19px;
|
||
|
|
min-width: 19px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-image: url("../img/combobox-arrow-down.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
combobox arrow:disabled {
|
||
|
|
background-image: url("../img/combobox-arrow-down-disabled.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem arrow {
|
||
|
|
min-height: 15px;
|
||
|
|
min-width: 8px;
|
||
|
|
margin-left: 15px; /* brasero */
|
||
|
|
-gtk-icon-source: url("../img/menuitem-arrow-right.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
menuitem arrow:disabled {
|
||
|
|
-gtk-icon-source: url("../img/menuitem-arrow-right-disabled.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
expander arrow {
|
||
|
|
min-width: 16px;
|
||
|
|
min-height: 16px;
|
||
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||
|
|
-gtk-icon-transform: rotate(-90deg);
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
expander arrow:checked {
|
||
|
|
-gtk-icon-transform: unset;
|
||
|
|
}
|
||
|
|
|
||
|
|
popover arrow.right {
|
||
|
|
min-height: 15px;
|
||
|
|
min-width: 8px;
|
||
|
|
-gtk-icon-source: url("../img/menuitem-arrow-right.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
popover arrow.left {
|
||
|
|
min-height: 15px;
|
||
|
|
min-width: 8px;
|
||
|
|
-gtk-icon-source: url("../img/menuitem-arrow-left.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* calendar */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
calendar {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
calendar:selected {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
calendar:indeterminate {
|
||
|
|
color: @inset_lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* tweaks */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
/* selection in evince */
|
||
|
|
.view:selected {
|
||
|
|
background-color: @darker_color;
|
||
|
|
color: @lighter_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* avoid borders on the desktop when managed by nautilus */
|
||
|
|
nautilus-desktop-window * {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* icon color selected and unfocused in nautilus */
|
||
|
|
.view:active {
|
||
|
|
background-color: @darker_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* selections in firefox use fix color names ! */
|
||
|
|
/* fix background selected item unfocused in hugin: to test for consistency */
|
||
|
|
*:selected:focus {
|
||
|
|
background-color: @theme_selected_bg_color;
|
||
|
|
color: @white_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* background et selection in icon view in caja (mrnhmath) */
|
||
|
|
.caja-notebook .view {
|
||
|
|
background-color: @white_color;
|
||
|
|
}
|
||
|
|
.caja-notebook .view:selected,
|
||
|
|
.caja-notebook .view:selected:focus
|
||
|
|
{
|
||
|
|
background-color: @inset_scale_color;
|
||
|
|
color: @black_color;
|
||
|
|
}
|
||
|
|
.caja-notebook .rubberband {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* background of nautilus icon window */
|
||
|
|
/*.nautilus-window, .nautilus-window notebook {
|
||
|
|
background-color: @lighter_color;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/* zebra strips do not work with recent versions */
|
||
|
|
/*view row:nth-child(even) {
|
||
|
|
background-color: green;
|
||
|
|
}
|
||
|
|
treeview row:nth-child(even)
|
||
|
|
{
|
||
|
|
background-color: green;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
GtkTreeView row:even {
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkTreeView row:odd {
|
||
|
|
background-color: green;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
GTK_DEBUG=interactive myexcutable
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/**********************************************/
|
||
|
|
/* The End */
|
||
|
|
/**********************************************/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|