You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
artwork/usr/share/themes/Ozone2/gtk-3.0/gtk-buttons.css

337 lines
9.6 KiB

/***********
* Buttons *
***********/
GtkScale.slider,
.button,
.toolbar .button {
border-radius: 2;
text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_gradient_color_a),
to (@button_gradient_color_b));
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@theme_border_color_a),
to (@theme_border_color_b));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.26), 0.0);
}
.button:hover,
.toolbar.button:hover {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_hover_gradient_color_a),
to (@button_hover_gradient_color_b));
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (shade (@theme_border_color_a, 1.10)),
to (shade (@theme_border_color_b, 1.10)));
}
.button:active,
.toolbar .button:active,
.button:hover:active,
.toolbar.button:hover:active {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@button_active_gradient_color_a, 1.00)),
to (shade (@button_active_gradient_color_b, 1.00)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_border_color_b, 1.00)),
to (shade (@theme_border_color_a, 1.00)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@theme_fg_color, 0.2)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
.button:insensitive {
text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.04)),
to (shade (@button_insensitive_bg_color, 0.96)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.8)),
to (shade (@button_insensitive_bg_color, 0.8)));
}
.button:insensitive:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.97)),
to (shade (@button_insensitive_bg_color, 1.0)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@button_insensitive_bg_color, 0.9), 0.2);
}
GtkScale.slider {
}
/****************
* Checkbuttons *
****************/
.check,
.check row,
.radio,
.radio row {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_base_color, 0.96)),
color-stop (0.10, shade (@theme_base_color, 0.98)),
to (@theme_base_color));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.68)),
to (shade (@theme_bg_color, 0.68)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@theme_base_color, 0.1), 0.02);
}
.check,
.check row {
border-radius: 3;
}
.radio,
.radio row {
border-radius: 10;
}
.check:active,
.check row:selected:active,
.check row:selected:focused:active,
.notebook .check:active,
.notebook .radio:active,
.radio:active,
.radio row:selected:active,
.radio row:selected:focused:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 1.1)),
to (shade (@theme_selected_bg_color, 0.9)));
-unico-bullet-color: shade (@theme_selected_fg_color, 1.0);
-unico-bullet-outline-color: shade (@theme_selected_bg_color, 0.6);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_selected_bg_color, 0.7)),
to (shade (@theme_selected_bg_color, 0.7)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@theme_selected_bg_color, 1.56), 0.4);
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@theme_bg_color, 0.05), 0.02)),
to (alpha (shade (@theme_bg_color, 0.05), 0.08)));
}
.check:insensitive,
.radio:insensitive {
background-image: none;
background-color: shade (@theme_bg_color, 0.96);
}
.check:insensitive:active,
.radio:insensitive:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.96)),
to (shade (@theme_bg_color, 0.9)));
-unico-bullet-color: shade (@theme_bg_color, 0.6);
-unico-bullet-outline-color: shade (@theme_bg_color, 1.0);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.8)),
to (shade (@theme_bg_color, 0.7)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.26), 0.2);
}
/************
* Treeviews *
************/
column-header .button {
border-radius: 0;
padding: -1 2;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@listview_header_gradient_a,1.00)),
to (shade (@listview_header_gradient_b,1.00)));
-unico-inner-stroke-style: none;
-unico-outer-stroke-style: none;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@listview_border, 0.0)),
to (alpha (@listview_border, 1.0)));
border-width: 1;
border-style: solid;
}
column-header .button:prelight {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@listview_header_gradient_a,1.10)),
to (shade (@listview_header_gradient_b,1.10)));
-unico-inner-stroke-style: none;
-unico-outer-stroke-style: none;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@listview_border, 0.0)),
to (alpha (@listview_border, 1.0)));
}
/* Treeview */
GtkTreeView.separator {
background-color: darker (@theme_bg_color);
}
/* Row */
row:hover {
border-width: 0;
background-color: alpha (@theme_base_color, 0.0);
}
row:insensitive {
border-width: 0;
}
row:selected:focused {
border-width: 1;
border-style: solid;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@menuitem_background_a, 1.00)),
to (shade (@menuitem_background_b, 1.00)));
background-color: @theme_selected_bg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@menuitem_background_b, 0.86), 1.0)),
color-stop (0.09, alpha (@theme_selected_bg_color, 0.0)),
to (alpha (@theme_selected_bg_color, 0.0)));
}
row:selected {
border-width: 1;
border-style: solid;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@menuitem_background_a, 1.00)),
to (shade (@menuitem_background_b, 1.00)));
background-color: @theme_selected_bg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@menuitem_background_b, 0.86), 1.0)),
color-stop (0.09, alpha (@theme_selected_bg_color, 0.0)),
to (alpha (@theme_selected_bg_color, 0.0)));
}
/************
* GtkScale *
************/
GtkScale {
-GtkScale-slider-length: 10;
-GtkRange-slider-width: 17;
-GtkRange-trough-border: 1;
border-radius: 8;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.8)),
to (shade (@theme_bg_color, 0.8)));
}
GtkScale.trough {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.92)),
to (shade (@theme_bg_color, 0.96)));
}
/***************
* Spinbuttons *
***************/
GtkSpinButton.button {
}
GtkSpinButton.button:insensitive {
}
/************
* Switches *
************/
GtkSwitch {
border-radius: 2;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_gradient_color_a),
to (@button_gradient_color_b));
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@theme_border_color_a),
to (@theme_border_color_b));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@theme_base_color, 0.9)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
GtkSwitch.trough {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@progressbar_through_a, 1.0)),
to (shade (@progressbar_through_b, 1.0)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_border_color_b, 1.00)),
to (shade (@theme_border_color_a, 1.00)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@theme_fg_color, 0.2)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
GtkSwitch.trough:active {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@theme_selected_bg_color, 0.9)),
to (shade (@theme_selected_bg_color, 1.0)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_border_color_b, 1.00)),
to (shade (@theme_border_color_a, 1.00)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (shade (@theme_selected_bg_color, 0.6),0.2)),
to (alpha (shade (@theme_selected_bg_color, 1.26), 0.0)));
color: @theme_base_color;
}
/*******************
* Notebook & Tabs *
*******************/
.notebook {
padding: 2;
border-radius: 2;
background-color: shade (@theme_bg_color, 1.1);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.8)),
to (shade (@theme_bg_color, 0.8)));
}
.notebook tab {
border-radius: 2;
padding: 2 3 0;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 1.0)),
to (shade (@theme_bg_color, 0.97)));
}
.notebook tab:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 1.2)),
to (shade (@theme_bg_color, 1.1)));
}