/* 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); }