homes/graphic/.themes/dorian-theme-3.10/gtk-3.0/gtk-widgets-backgrounds.css

1269 lines
47 KiB
CSS
Raw Normal View History

/* Button background */
/*
.button,
.toolbar .button.raised,
.toolbar .raised .button,
.toolbar GtkComboBox .button,
.spinbutton.vertical .button {
background-image: linear-gradient(to bottom,
@button_gradient_color_a,
@button_gradient_color_b 40%,
@button_gradient_color_c
);
background-color: transparent;
}*/
/* Pushed button and progressbar through background */
/*
.button:active,
.button:active:hover,
.spinbutton.vertical .button:active,
.spinbutton.vertical .button:active:hover,
.toolbar .button:active,
.toolbar .button:active:hover,
.toolbar .button.raised:active,
.toolbar .raised .button:active,
.toolbar .button.raised:active:hover,
.toolbar .raised .button:active:hover,
.trough,
.trough.highlight,
.trough row,
.trough row:hover {
background-image: linear-gradient(to bottom,
@borders,
shade(@theme_bg_color, 0.95)
);
background-color: transparent;
}*/
/* Flipped pushed button background for vertical progressbar through and the like */
/*
.trough.vertical {
background-image: linear-gradient(to right,
@borders,
shade(@theme_bg_color, 0.95)
);
}*/
/* Primary and inline toolbars pushed button background */
/*
.primary-toolbar .button:active,
.primary-toolbar .button:active:hover,
.inline-toolbar .button:active,
.inline-toolbar .button:active:hover {
background-image: linear-gradient(to bottom,
shade(@borders, 0.95),
shade(@theme_bg_color, 0.88)
);
background-color: transparent;
}*/
/* Prelit button background */
/*
.button:hover,
.toolbar .button:hover,
.toolbar .button.raised:hover,
.toolbar .raised .button:hover,
.toolbar GtkComboBox .button:hover,
.spinbutton.vertical .button:hover {
background-color: transparent;
background-image: linear-gradient(to bottom,
@button_hover_gradient_color_a,
@button_hover_gradient_color_b
);
}*/
/* Prelit button on primary toolbar background */
/*
.primary-toolbar .button:hover {
background-color: transparent;
background-image: linear-gradient(to bottom,
alpha(@toolbar_button_prelight, 0),
@toolbar_button_prelight 54%,
alpha(@toolbar_button_prelight, 0)
);
}*/
/* Insensitive button background */
/*
.button:insensitive,
.spinbutton.vertical .button:insensitive,
.toolbar GtkComboBox .button:insensitive,
.toolbar .button.raised:insensitive,
.toolbar .raised .button:insensitive {
background-image: none;
background-color: @insensitive_bg_color;
}*/
/* Pushed + Insensitive button background */
/*
.button:active:insensitive,
.toolbar .button:active:insensitive,
.toolbar GtkComboBox .button:active:insensitive {
background-image: linear-gradient(to bottom,
shade(@insensitive_bg_color, 0.95),
@insensitive_bg_color 40%,
@insensitive_bg_color
);
background-color: transparent;
}*/
/* Unfocused window button background */
/*
.button:backdrop,
.toolbar .button.raised:backdrop,
.toolbar .raised .button:backdrop,
.toolbar .button:backdrop:hover,
.toolbar GtkComboBox .button:backdrop,
.toolbar GtkComboBox .button:backdrop:hover,
.primary-toolbar .raised .button:backdrop:hover {
background-image: none;
background-color: @unfocused_button_background;
}*/
/* Unfocused window pushed button background */
/*
.button:active:backdrop,
.toolbar .button:active:backdrop,
.toolbar .button:active:hover:backdrop {
background-image: none;
background-color: @unfocused_borders;
}*/
/* Unfocused window insensitive button background */
/*
.button:insensitive:backdrop,
.toolbar .button:insensitive:backdrop {
background-image: none;
background-color: @unfocused_insensitive_bg_color;
}
.button:insensitive:active:backdrop {
background-image: none;
background-color: mix(@unfocused_insensitive_bg_color, @unfocused_borders, 0.5);
}*/
/* Entry background */
/*
.entry,
GtkComboBox.combobox-entry .button,
GtkComboBox.combobox-entry .button:hover,
.primary-toolbar GtkComboBox.combobox-entry .button,
.primary-toolbar GtkComboBox.combobox-entry .button:hover,
.level-bar.trough {
background-image: linear-gradient(to bottom,
@entry_background_a,
@entry_background_b
);
box-shadow: inset 0 1px @entry_inset,
inset 0 2px alpha(@entry_inset, 0.4);
}*/
/* Entry pushed button background */
/*
.primary-toolbar GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:active,
.spinbutton .button:active,
.spinbutton .button:active:hover,
column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
column-header .button:active:hover {
background-image: linear-gradient(to bottom,
shade(@entry_background_a, 0.9),
@entry_background_b
);
background-color: transparent;
box-shadow: inset 0 1px @entry_inset,
inset 0 2px alpha(@entry_inset, 0.4);
}*/
/* Insensitive entry background */
/*
.entry:insensitive,
GtkComboBox.combobox-entry .button:insensitive,
.level-bar.trough:insensitive {
background-color: @insensitive_bg_color;
background-image: none;
box-shadow: none;
}*/
/* Unfocused windows entry background */
/*
.entry:backdrop,
GtkComboBox.combobox-entry .button:backdrop,
column-header.button:backdrop,
column-header .button:backdrop,
column-header.button:insensitive:backdrop,
column-header .button:insensitive:backdrop,
.level-bar.trough:backdrop,
.spinbutton.vertical.entry:backdrop {
background-image: none;
background-color: @theme_unfocused_base_color;
box-shadow: none;
}*/
/* Unfocused windows insensitive entry background */
/*
.entry:insensitive:backdrop,
GtkComboBox.combobox-entry .button:insensitive:backdrop,
.level-bar.trough:insensitive:backdrop,
.spinbutton.vertical.entry:insensitive:backdrop {
background-image: none;
background-color: @unfocused_insensitive_bg_color;
}*/
/* Primary and inline toolbars background */
/*
.primary-toolbar .toolbar,
.primary-toolbar.toolbar,
.inline-toolbar.toolbar {
background-image: linear-gradient(to bottom,
@toolbar_gradient_a,
@toolbar_gradient_b 20%,
@toolbar_gradient_c
);
background-color: transparent;
}
.primary-toolbar .toolbar.vertical,
.primary-toolbar.toolbar.vertical,
.inline-toolbar.toolbar.vertical {
background-image: linear-gradient(to right,
@toolbar_gradient_a,
@toolbar_gradient_b 20%,
@toolbar_gradient_c
);
background-color: transparent;
}*/
/* Unfocused window primary and inline toolbars background */
/*
.primary-toolbar .toolbar:backdrop,
.primary-toolbar.toolbar:backdrop,
.inline-toolbar.toolbar:backdrop {
background-image: none;
background-color: @unfocused_dark_bg;
}
.scale.trough {
background-image: linear-gradient(to bottom,
@scale_trough_bg_a,
@scale_trough_bg_b
);
}
.scale.trough.vertical {
background-image: linear-gradient(to right,
@scale_trough_bg_a,
@scale_trough_bg_b
);
}*/
/* Active switch background*/
/*
GtkSwitch.trough:active,
.scale.progressbar {
background-image: linear-gradient(to bottom,
@switch_trough_active_bg_a,
@switch_trough_active_bg_b
);
background-color: transparent;
}
GtkSwitch.trough:backdrop {
background-color: @theme_unfocused_bg_color;
background-image: none;
}
GtkSwitch.trough:active:backdrop {
background-color: @unfocused_borders;
background-image: none;
}
.scale.progressbar.vertical {
background-image: linear-gradient(to right,
@switch_trough_active_bg_a,
@switch_trough_active_bg_b
);
background-color: transparent;
}*/
/* Progressbar backgrounds */
.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focus {
background-image: linear-gradient(to left top,
alpha (@progressbar_pattern, 0.25),
alpha (@progressbar_pattern, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@progressbar_pattern, 0.25) 50%,
alpha (@progressbar_pattern, 0.25) 75%,
transparent 75%,
transparent
),
linear-gradient(to bottom,
@progressbar_background_a,
@progressbar_background_b 75%,
shade(@progressbar_background_a, 0.85)
);
background-size: 40px 40px, auto;
box-shadow: inset 1px 1px alpha(white, 0.2), inset -1px -1px alpha(white, 0.1);
}
.progressbar.vertical {
background-image: linear-gradient(to right top,
alpha (@progressbar_pattern, 0.25),
alpha (@progressbar_pattern, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@progressbar_pattern, 0.25) 50%,
alpha (@progressbar_pattern, 0.25) 75%,
transparent 75%,
transparent),
linear-gradient(to right,
@progressbar_background_a,
@progressbar_background_b 75%,
shade(@progressbar_background_a, 0.85)
);
}
/* Button background */
.button,
.toolbar .button.raised,
.toolbar .raised .button,
.spinbutton.vertical .button,
.toolbar GtkComboBox .button{
background-image: /*-gtk-gradient (radial,
center -0.5, 0,
center -0.3, 0.8,
from(rgba(255,255,255,0.6)),
to(transparent)),*/
linear-gradient(to bottom,
rgba(255,255,255, 0.07),
rgba(255,255,255, 0.0) 25%,
rgba(255,255,255, 0.0)
),
linear-gradient(to bottom,
@button_gradient_color_a,
@button_gradient_color_b 40%,
@button_gradient_color_c
);
background-color: #303030;
}
/* Default Button */
.button.default
/*.button.default:backdrop,
.button.default:hover:backdrop*/ {
background-image: linear-gradient(to bottom,
rgba(255,255,255, 0.09),
rgba(255,255,255, 0.0) 25%,
rgba(255,255,255, 0.0)
),
linear-gradient(to bottom,
shade(mix(#1a1a1a, @theme_selected_bg_color, 0.4),1.05),
mix(#1a1a1a, @theme_selected_bg_color, 0.4) 40%,
shade(mix(#1a1a1a, @theme_selected_bg_color, 0.4),0.8));
background-color: transparent;
}
/* Pushed button background */
.button:active,
.button.default:active {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.2),
rgba(0,0,0,0.0) 25%,
rgba(0,0,0,0.0)
),
linear-gradient(to bottom,
shade(@button_gradient_color_a, 0.8),
shade(@button_gradient_color_b, 0.86) 40%,
shade(@button_gradient_color_c, 0.9)
);
background-color: transparent;
}
/*This fixes the arrow from showing on normal or hovered, when a button is pressed */
.linked .button,
.toolbar .button {
transition: 60ms ease-out;
background-color: transparent;
background-repeat: no-repeat;
background-position: bottom;
}
/************************/
.linked .button:active,
.toolbar .button:active,
.toolbar .button.raised:active,
.toolbar .raised .button:active {
background-image: -gtk-gradient (radial,
center -0.2, 0,
center -0.1, 1.1,
from(rgba(0,0,0,0.4)),
to(transparent)),
linear-gradient(to bottom,
rgba(255,255,255,0.0),
rgba(255,255,255,0.0) 40%,
rgba(255,255,255,0.055)
),
linear-gradient(to bottom,
mix(@button_gradient_color_a, @theme_selected_bg_color, 0.3),
mix(@button_gradient_color_b, @theme_selected_bg_color, 0.3) 40%,
mix(@button_gradient_color_c, @theme_selected_bg_color, 0.3)
);
transition: 250ms ease-in-out;
background-color: transparent;
}
.button:active:hover,
.button.default:active:hover {
/* background-image: linear-gradient(to bottom,
rgba(0,0,0,0.12),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 85%,
rgba(0,0,0,0.12)
),
linear-gradient(to bottom,
shade(@button_gradient_active_a,0.9),
shade(@button_gradient_active_b, 0.9) 40%,
shade(@button_gradient_active_c, 0.9)
);*/
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.3),
rgba(0,0,0,0.0) 25%,
rgba(0,0,0,0.0)
),
linear-gradient(to bottom,
shade(@button_hover_active_a, 0.8),
shade(@button_hover_active_b, 0.86) 40%,
shade(@button_hover_active_c, 0.9)
);
background-color: transparent;
}
.linked .button:active:hover,
.toolbar .button:active:hover,
.toolbar .button.raised:active:hover,
.toolbar .raised .button:active:hover,
.spinbutton.vertical .button:active {
background-image: -gtk-gradient (radial,
center -0.2, 0,
center -0.1, 1.1,
from(rgba(0,0,0,0.4)),
to(transparent)),
linear-gradient(to bottom,
rgba(255,255,255,0.0),
rgba(255,255,255,0.0) 40%,
rgba(255,255,255,0.055)
),
linear-gradient(to bottom,
mix(shade(@button_gradient_active_c,0.9), @theme_selected_bg_color, 0.35),
mix(shade(@button_gradient_active_b, 0.9), @theme_selected_bg_color, 0.35) 40%,
mix(shade(@button_gradient_active_a, 0.9), @theme_selected_bg_color, 0.35)
);
transition: 250ms ease-in-out;
background-color: transparent;
}
/*
.button:active:backdrop,
.button:active:hover:backdrop,
.spinbutton.vertical .button:active:backdrop,
.spinbutton.vertical .button:active:hover:backdrop,
.toolbar .button:active:backdrop,
.toolbar .button:active:hover:backdrop,
.toolbar .button.raised:active:backdrop,
.toolbar .raised .button:active:backdrop,
.toolbar .button.raised:active:hover:backdrop,
.toolbar .raised .button:active:hover:backdrop {
background-image: linear-gradient(to bottom,
@button_gradient_active_backdrop_a,
@button_gradient_active_backdrop_b 40%,
@button_gradient_active_backdrop_c
);
background-color: transparent;
}
*/
/* Prelit button background */
.button:hover,
.toolbar .button:hover,
.toolbar .button.raised:hover,
.toolbar .raised .button:hover,
.toolbar GtkComboBox .button:hover,
.spinbutton.vertical .button:hover {
background-image: -gtk-gradient (radial,
center -0.5, 0,
center -0.3, 0.9,
from(rgba(255,255,255,0.9)),
to(transparent)),
linear-gradient(to bottom,
shade(@button_default_gradient_color_a, 1.0),
shade(@button_default_gradient_color_b, 1.0) 40%,
shade(@button_default_gradient_color_c, 1.0)
);
background-color: transparent;
transition: 250ms ease-in-out;
}
/* Primary and inline toolbars pushed button background */
.inline-toolbar .button {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_inline_gradient_color_b),
color-stop (0.4, @button_inline_gradient_color_a),
to (@button_inline_gradient_color_c));
background-color: transparent;
}
.inline-toolbar .button:active,
.inline-toolbar .button:active:hover {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_inline_gradient_color_c),
color-stop (0.4, @button_inline_gradient_color_a),
to (@button_inline_gradient_color_b));
background-color: transparent;
}
/*
.inline-toolbar .button:backdrop,
.inline-toolbar .button:hover:backdrop,
.inline-toolbar .button:active:backdrop,
.inline-toolbar .button:active:hover:backdrop {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_inline_gradient_color_a),
color-stop (0.4, @button_inline_gradient_color_a),
to (@button_inline_gradient_color_a));
background-color: transparent;
}*/
/*******Raised Buttons********************/
.primary-toolbar .button.raised,
.primary-toolbar .raised .button,
.primary-toolbar GtkComboBox .button {
background-image: linear-gradient(to bottom,
rgba(255,255,255, 0.09),
rgba(255,255,255, 0.0) 25%,
rgba(255,255,255, 0.0)
),
linear-gradient(to bottom,
@button_raised_color_a,
@button_raised_color_b 40%,
@button_raised_color_c
);
background-color: #313131;
}
.primary-toolbar .button.raised.default,
.primary-toolbar .raised .button.default {
background-image: linear-gradient(to bottom,
rgba(255,255,255, 0.09),
rgba(255,255,255, 0.0) 25%,
rgba(255,255,255, 0.0)
),
linear-gradient(to bottom,
shade(mix(#303030, @theme_selected_bg_color, 0.4),1.05),
mix(#303030, @theme_selected_bg_color, 0.4) 40%,
shade(mix(#303030, @theme_selected_bg_color, 0.4),0.8));
background-color: transparent;
}
.primary-toolbar .button.raised:active,
.primary-toolbar .raised .button:active,
.primary-toolbar .button.raised.default:active,
.primary-toolbar .raised .button.default:active,
.primary-toolbar GtkComboBox .button:active {
background-image: -gtk-gradient (radial,
center -0.2, 0,
center -0.1, 1.1,
from(rgba(0,0,0,0.5)),
to(transparent)),
linear-gradient(to bottom,
rgba(255,255,255,0.0),
rgba(255,255,255,0.0) 40%,
rgba(255,255,255,0.065)
),
linear-gradient(to bottom,
@button_raised_color_a,
@button_raised_color_b 40%,
@button_raised_color_c
);
background-color: #313131;
}
.primary-toolbar .raised .button:hover,
.primary-toolbar .raised .button.default:hover,
.primary-toolbar .button.raised.default:hover,
.primary-toolbar GtkComboBox .button:hover {
}
.primary-toolbar .button.raised:active:hover,
.primary-toolbar .raised .button:active:hover,
.primary-toolbar .button.raised.default:active:hover,
.primary-toolbar .raised .button.default:active:hover{
background-image: -gtk-gradient (radial,
center -0.2, 0,
center -0.1, 1.1,
from(rgba(0,0,0,0.5)),
to(transparent)),
linear-gradient(to bottom,
rgba(255,255,255,0.0),
rgba(255,255,255,0.0) 40%,
rgba(255,255,255,0.065)
),
linear-gradient(to bottom,
shade(@button_gradient_active_c,1.0),
shade(@button_gradient_active_b, 1.0) 40%,
shade(@button_gradient_active_a, 1.0)
);
background-color: #313131;
}
/*
.primary-toolbar .button.raised:backdrop,
.primary-toolbar .raised .button:backdrop,
.primary-toolbar .button.raised.default:hover:backdrop,
.primary-toolbar .raised .button:hover:backdrop,
.primary-toolbar .raised .button.default:hover:backdrop,
.primary-toolbar GtkComboBox *:backdrop,
.primary-toolbar GtkComboBox *:backdrop:insensitive {
}*/
/*********Scale Slider*******************/
GtkScale.slider {
background-color: transparent;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@button_inline_hover_gradient_color_a, 1.0)),
color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.82)),
to (@button_inline_hover_gradient_color_c));
}
GtkScale.slider:hover,
GtkScale.slider:active,
GtkScale.slider:active:hover {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@button_inline_hover_gradient_color_a, 0.9)),
color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.96)),
to (@button_inline_hover_gradient_color_c));
background-color: transparent;
}
.inline-toolbar .button:hover {
background-color: transparent;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@button_inline_hover_gradient_color_a, 0.9)),
color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.82)),
to (@button_inline_hover_gradient_color_c));
}
.inline-toolbar .button:insensitive
/*.inline-toolbar .button:insensitive:backdrop*/ {
background-image: url("assets/stripe-2.png");
background-color: @insensitive_bg_color;
background-size: 6px;
background-repeat: repeat;
background-position: top left;
}
/* Primary Toolbar Button */
.primary-toolbar .button:hover {
background-color: alpha(white,0.04);
background-image: -gtk-gradient (radial,
center -0.5, 0,
center -0.3, 1.1,
from(rgba(255,255,255,0.5)),
to(transparent));
transition: 250ms ease-in-out;
}
/*
.primary-toolbar .button:hover:backdrop {
background-color: transparent;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@toolbar_gradient_c, 0.0)),
to (alpha (@toolbar_gradient_a, 0.0)));
}*/
/*
.primary-toolbar .button:active:hover:backdrop,
.primary-toolbar .button:active:backdrop {
background-color: transparent;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@unfocused_borders, 0.4)),
to (alpha (@unfocused_borders, 0.25)));
}*/
.primary-toolbar .button:active {
background-color: alpha(black,0.18);
background-image: -gtk-gradient (radial,
center 0.5, 0,
center 0.3, 1.1,
from(rgba(255,255,255,0.06)),
to(transparent)),
linear-gradient(to bottom,
rgba(0,0,0,0.16),
rgba(0,0,0,0.0) 3px,
rgba(0,0,0,0.0)
);
transition: 250ms ease-in-out;
}
.primary-toolbar .button:active:hover {
background-image: -gtk-gradient (radial,
center 0.5, 0,
center 0.3, 1.1,
from(rgba(255,255,255,0.5)),
to(transparent)),
linear-gradient(to bottom,
rgba(0,0,0,0.16),
rgba(0,0,0,0.0) 3px,
rgba(0,0,0,0.0)
);
transition: 250ms ease-in-out;
background-color: alpha(@theme_selected_bg_color, 0.6);
}
/* Insensitive button background */
.button:insensitive,
.spinbutton.vertical .button:insensitive,
.toolbar GtkComboBox .button:insensitive,
/*.button:insensitive:backdrop,
.spinbutton.vertical .button:insensitive:backdrop,
.toolbar GtkComboBox .button:insensitive:backdrop,*/
.toolbar .button.raised:insensitive,
.toolbar .raised .button:insensitive {
background-image: url("assets/stripe-2.png"),
/*linear-gradient(to left top,
alpha (@insensitive_button_stripes, 0.25),
alpha (@insensitive_button_stripes, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@insensitive_button_stripes, 0.25) 50%,
alpha (@insensitive_button_stripes, 0.25) 75%,
transparent 75%,
transparent
),*/
/* linear-gradient(to bottom,
@button_gradient_color_a,
@button_gradient_color_b 40%,
@button_gradient_color_c
); */
-gtk-gradient (linear,
left top, left bottom,
from (@insensitive_button_gradient_color_a),
color-stop (0.4, @insensitive_button_gradient_color_b),
to (@insensitive_button_gradient_color_c));
background-color: transparent;
background-size: 6px;
background-repeat: repeat;
background-position: top left;
}
/* Pushed + Insensitive button background */
.button:active:insensitive,
.toolbar .button:active:insensitive,
.toolbar GtkComboBox .button:active:insensitive
/*.button:active:insensitive:backdrop,
.toolbar .button:active:insensitive:backdrop,
.toolbar GtkComboBox .button:active:insensitive:backdrop*/ {
background-image: url("assets/stripe-3.png"),
/*linear-gradient(to left top,
alpha (@insensitive_button_stripes, 0.25),
alpha (@insensitive_button_stripes, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@insensitive_button_stripes, 0.25) 50%,
alpha (@insensitive_button_stripes, 0.25) 75%,
transparent 75%,
transparent
),*/
linear-gradient(to bottom,
shade(shade(@insensitive_bg_color, 1.05), 0.8),
shade(@insensitive_bg_color, 0.86) 40%,
shade(shade(@insensitive_bg_color, 0.8), 0.9)
);
background-color: transparent;
background-size: 6px;
background-repeat: repeat;
background-position: top left;
}
/*
.notebook .button:insensitive,
.notebook GtkScale.slider:insensitive,
.notebook .spinbutton.vertical .button:insensitive,
.notebook .toolbar GtkComboBox .button:insensitive,
.notebook .toolbar .button.raised:insensitive,
.notebook .toolbar .raised .button:insensitive,
GtkViewport .button:insensitive,
GtkViewport .spinbutton.vertical .button:insensitive {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@insensitive_notebook_button_gradient_color_a),
color-stop (0.4, @insensitive_notebook_button_gradient_color_b),
to (@insensitive_notebook_button_gradient_color_c));
background-color: transparent;
}*/
/*
.notebook .button:insensitive:backdrop,
.notebook GtkScale.slider:insensitive:backdrop,
.notebook .spinbutton.vertical .button:insensitive:backdrop,
.notebook .toolbar GtkComboBox .button:insensitive:backdrop,
.notebook .toolbar .button.raised:insensitive:backdrop,
.notebook .toolbar .raised .button:insensitive:backdrop,
GtkViewport .button:insensitive:backdrop,
GtkViewport .spinbutton.vertical .button:insensitive:backdrop {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@theme_unfocused_base_color, 0.84)),
color-stop (0.4, shade(@theme_unfocused_base_color, 0.8)),
to (shade(@theme_unfocused_base_color, 0.78)));
background-color: transparent;
}*/
/* Pushed + Insensitive button background */ /*
.notebook .button:active:insensitive,
.notebook .toolbar .button:active:insensitive,
.notebook .toolbar GtkComboBox .button:active:insensitive,
GtkViewport .button:active:insensitive {
background-image: linear-gradient(to bottom,
shade(@insensitive_notebook_button_gradient_color_c, 0.9),
shade(@insensitive_notebook_button_gradient_color_b, 0.9) 40%,
@insensitive_notebook_button_gradient_color_a
);
background-color: transparent;
}*/
/*
.notebook .button:active:insensitive:backdrop,
.notebook .toolbar .button:active:insensitive:backdrop,
.notebook .toolbar GtkComboBox .button:active:insensitive:backdrop,
GtkViewport .button:active:insensitive:backdrop {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@theme_unfocused_base_color, 0.69)),
color-stop (0.4, shade(@theme_unfocused_base_color, 0.66)),
to (shade(@theme_unfocused_base_color, 0.64)));
background-color: transparent;
}*/
/* Unfocused window button background */
/*
.button:backdrop,
.toolbar .button.raised:backdrop,
.toolbar .raised .button:backdrop,
.toolbar .button:backdrop:hover,
.toolbar GtkComboBox .button:backdrop,
.toolbar GtkComboBox .button:backdrop:hover,
.primary-toolbar .raised .button:backdrop:hover {
background-image: none;
background-color: @unfocused_button_background;
}
*/
/* Unfocused window pushed button background */
/*
.button:active:backdrop,
.toolbar .button:active:backdrop,
.toolbar .button:active:hover:backdrop {
background-image: none;
background-color: @unfocused_borders;
}
*/
/* Unfocused window insensitive button background */
/*
.button:insensitive:backdrop,
.toolbar .button:insensitive:backdrop {
background-image: none;
background-color: @unfocused_insensitive_bg_color;
}
.button:insensitive:active:backdrop {
background-image: none;
background-color: mix(@unfocused_insensitive_bg_color, @unfocused_borders, 0.5);
}
*/
/* Entry background */
/*.entry,
GtkComboBox.combobox-entry .button,
.primary-toolbar GtkComboBox.combobox-entry .button,
.level-bar.trough {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.3),
rgba(0,0,0,0.0) 65%,
rgba(0,0,0,0.0) 66%,
rgba(255,255,255,0.01)
);
background-color: shade(@theme_base_color, 0.98);
box-shadow: 0 1px rgba(0,0,0,0.6) inset,
0 2px rgba(0,0,0,0.2) inset,
0 3px rgba(0,0,0,0.12) inset,
0 4px rgba(0,0,0,0.08) inset,
0 5px rgba(0,0,0,0.05) inset,
1px 0 rgba(0,0,0,0.5) inset,
-1px 0 rgba(0,0,0,0.5) inset,
2px 0 rgba(0,0,0,0.08) inset,
-2px 0 rgba(0,0,0,0.08) inset,
3px 0 rgba(0,0,0,0.03) inset,
-3px 0 rgba(0,0,0,0.03) inset,
0 -1px rgba(0,0,0,0.24) inset;
}*/
.entry,
GtkComboBox.combobox-entry .button,
.primary-toolbar GtkComboBox.combobox-entry .button {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.12),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0)
);
background-color: alpha(black, 0.3);
box-shadow: 0 1px rgba(0,0,0,0.08) inset;
}
.entry:focus,
GtkComboBox.combobox-entry .button:hover,
.primary-toolbar GtkComboBox.combobox-entry .button:hover {
background-color: shade(@theme_base_color, 0.8);
}
.notebook .entry:focus,
.notebook GtkComboBox.combobox-entry .button:hover {
background-color: shade(@theme_base_color, 0.4);
}
.spinbutton .button:hover {
background-image: linear-gradient(to top,
rgba(0,0,0,0.3),
rgba(0,0,0,0.0) 59%,
rgba(0,0,0,0.0) 60%,
rgba(255,255,255,0.04)
);
background-color: shade(@theme_base_color, 1.0);
}
.notebook .spinbutton .button:hover ,
GtkViewport .spinbutton .button:hover{
background-image: linear-gradient(to top,
rgba(0,0,0,0.3),
rgba(0,0,0,0.0) 59%,
rgba(0,0,0,0.0) 60%,
rgba(255,255,255,0.04)
);
background-color: shade(@theme_base_color, 0.7);
}
/*.spinbutton .button:hover:focus {
box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 1.5),
inset 1px 1px alpha(@theme_selected_bg_color, 1.0);
}*/
/*
.entry:backdrop,
GtkComboBox.combobox-entry .entry:backdrop,
GtkComboBox.combobox-entry .entry:first-child:backdrop,
GtkComboBox.combobox-entry .entry:last-child:backdrop,
.spinbutton .button:backdrop,
.spinbutton .button:hover:backdrop,
GtkComboBox.combobox-entry .button:backdrop,
.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
box-shadow: none;
}*/
.spinbutton .button:active,
.spinbutton .button:active:hover,
.primary-toolbar GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:active,
.primary-toolbar GtkComboBox.combobox-entry .button:active:hover,
GtkComboBox.combobox-entry .button:active:hover {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.3),
rgba(0,0,0,0.0) 65%,
rgba(0,0,0,0.0) 66%,
rgba(255,255,255,0.01)
);
background-color: shade(@theme_base_color, 0.68);
}
.notebook .spinbutton .button:active,
.notebook .spinbutton .button:active:hover,
GtkViewport .spinbutton .button:active,
GtkViewport .spinbutton .button:active:hover {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.3),
rgba(0,0,0,0.0) 65%,
rgba(0,0,0,0.0) 66%,
rgba(255,255,255,0.01)
);
background-color: shade(@theme_base_color, 0.36);
}
/* Insensitive entry background */
.entry:insensitive,
GtkComboBox.combobox-entry .entry:insensitive,
GtkComboBox.combobox-entry .entry:insensitive:first-child,
GtkComboBox.combobox-entry .entry:insensitive:last-child,
GtkComboBox.combobox-entry .button:insensitive,
.level-bar.trough:insensitive {
background-color: alpha(black, 0.16); /*@insensitive_bg_color;*/
background-image: none;
background-image: url("assets/stripe-3.png");
/*linear-gradient(to left top,
alpha (@insensitive_stripes, 0.25),
alpha (@insensitive_stripes, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@insensitive_stripes, 0.25) 50%,
alpha (@insensitive_stripes, 0.25) 75%,
transparent 75%,
transparent
);*/
background-size: 6px;
background-repeat: repeat;
background-position: top left;
}
/* Unfocused windows entry background */
/*
.level-bar.trough:backdrop,
.spinbutton.vertical.entry:backdrop {
background-image: none;
background-color: @theme_unfocused_base_color;
box-shadow: none;
}*/
/* Unfocused windows insensitive entry background */
/*
.entry:insensitive:backdrop,
GtkComboBox.combobox-entry .button:insensitive:backdrop,
.level-bar.trough:insensitive:backdrop,
.spinbutton.vertical.entry:insensitive:backdrop {
background-image: none;
background-color: @unfocused_insensitive_bg_color;
}*/
/* Primary and inline toolbars background */
.primary-toolbar .toolbar,
.primary-toolbar.toolbar {
background-color: #343434;
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.05),
rgba(255,255,255,0.05)),
url("assets/Toolbar.png");
/*background-image: linear-gradient(to bottom,
rgba(255,255,255,0.03),
rgba(0,0,0,0.08)),
url("assets/Toolbar.png");*/
background-repeat: repeat;
background-position: top left;
}
GtkRevealer .primary-toolbar .toolbar,
GtkRevealer .primary-toolbar.toolbar,
EggFindBar.primary-toolbar.toolbar,
EggFindBar.primary-toolbar .toolbar {
background-color: transparent;
background-image: linear-gradient(to top,
rgba(255,255,255,0.03),
rgba(0,0,0,0.22)),
url("assets/Toolbar.png");
background-repeat: repeat;
background-position: top left;
}
.inline-toolbar.toolbar {
background-color: transparent;
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.26),
rgba(0,0,0,0.05) 34%,
rgba(255,255,255,0.12)),
url("assets/Toolbar.png");
background-repeat: repeat;
background-position: top left;
}
.primary-toolbar .toolbar.vertical,
.primary-toolbar.toolbar.vertical,
.inline-toolbar.toolbar.vertical {
background-image: linear-gradient(to right,
@toolbar_gradient_a,
@toolbar_gradient_b 50%,
@toolbar_gradient_c
);
background-color: transparent;
}
/* Unfocused window primary and inline toolbars background */
/*
.primary-toolbar .toolbar:backdrop,
.primary-toolbar.toolbar:backdrop,
.inline-toolbar.toolbar:backdrop {
background-color: transparent;
background-image:
linear-gradient(to bottom,
rgba(0,0,0,0.1),
rgba(0,0,0,0.1)),
url("assets/Toolbar-backdrop.png");
background-repeat: repeat;
background-position: top left;
}*/
/* Switch */
GtkSwitch.trough {
background-image:url("assets/switch/switch.svg"),
-gtk-gradient (linear,
left top, left bottom,
from (@button_switch_gradient_color_e),
color-stop (0.4, @button_switch_gradient_color_d),
to (@button_switch_gradient_color_f));
background-color: transparent;
transition: 110ms ease-in-out;
background-repeat: no-repeat;
background-position: center;
}
GtkSwitch.trough:active {
background-image: url("assets/switch/switch-active.svg"),
-gtk-gradient (linear,
left top, left bottom,
from (@button_switch_gradient_color_b),
color-stop (0.4, @button_switch_gradient_color_a),
to (@button_switch_gradient_color_c));
background-color: transparent;
transition: 110ms ease-in-out;
background-repeat: no-repeat;
background-position: center;
}
GtkSwitch.trough:insensitive {
background-image: url("assets/stripe-2.png"),
/*linear-gradient(to left top,
alpha (@insensitive_button_stripes, 0.25),
alpha (@insensitive_button_stripes, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@insensitive_button_stripes, 0.25) 50%,
alpha (@insensitive_button_stripes, 0.25) 75%,
transparent 75%,
transparent
),*/
-gtk-gradient (linear,
left top, left bottom,
from (shade(@insensitive_button_gradient_color_a, 1.6)),
color-stop (0.4, shade(@insensitive_button_gradient_color_b, 1.3)),
to (@insensitive_button_gradient_color_c));
background-size: 6px;
background-repeat: repeat;
background-position: top left;
background-color: transparent;
}
/*
GtkSwitch.trough:backdrop {
background-color: @theme_unfocused_bg_color;
background-image: none;
}*/
/*
GtkSwitch.trough:active:backdrop {
background-color: @unfocused_borders;
background-image: none;
}*/
/****Scale Progressbar****/
.scale.progressbar {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.1),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 85%,
rgba(0,0,0,0.1)
),
linear-gradient(to bottom,
shade(@button_gradient_active_c,0.7),
shade(@button_gradient_active_b, 0.9) 40%,
shade(@button_gradient_active_a, 1.2)
);
}
.scale.progressbar.vertical {
background-image: linear-gradient(to right,
@switch_trough_active_bg_a,
@switch_trough_active_bg_b
);
background-color: transparent;
}
/* Progressbar backgrounds */
.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focus {
background-image: linear-gradient(to bottom,
rgba(255,255,255, 0.2),
rgba(255,255,255, 0.0) 40%,
rgba(255,255,255, 0.0)),
linear-gradient(to left top,
alpha (@progressbar_pattern, 0.25),
alpha (@progressbar_pattern, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@progressbar_pattern, 0.25) 50%,
alpha (@progressbar_pattern, 0.25) 75%,
transparent 75%,
transparent
),
linear-gradient(to bottom,
@progressbar_background_a,
@progressbar_background_b 75%,
shade(@progressbar_background_a, 0.85)
);
background-size: 40px 40px, auto;
box-shadow: inset 1px 1px alpha(white, 0.2), inset -1px -1px alpha(white, 0.1);
}
.progressbar.vertical {
background-image: linear-gradient(to right,
rgba(255,255,255, 0.12),
rgba(255,255,255, 0.0) 40%,
rgba(255,255,255, 0.0)),
linear-gradient(to right top,
alpha (@progressbar_pattern, 0.25),
alpha (@progressbar_pattern, 0.25) 25%,
transparent 25%,
transparent 50%,
alpha (@progressbar_pattern, 0.25) 50%,
alpha (@progressbar_pattern, 0.25) 75%,
transparent 75%,
transparent),
linear-gradient(to right,
@progressbar_background_a,
@progressbar_background_b 75%,
shade(@progressbar_background_a, 0.85)
);
box-shadow: inset 1px 1px alpha(white, 0.12),
inset -1px -1px alpha(white, 0.06);
}