diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/scrollbar_handle.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/scrollbar_handle.png new file mode 100644 index 0000000..c8019d1 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/scrollbar_handle.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/scrollbar_handle_vertical.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/scrollbar_handle_vertical.png new file mode 100644 index 0000000..6964271 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/scrollbar_handle_vertical.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider.png new file mode 100644 index 0000000..dcb07eb Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_backdrop.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_backdrop.png new file mode 100644 index 0000000..db9d80f Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_backdrop.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_insensitive.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_insensitive.png new file mode 100644 index 0000000..752f0b7 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_insensitive.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_insensitive_backdrop.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_insensitive_backdrop.png new file mode 100644 index 0000000..752f0b7 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_insensitive_backdrop.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_prelight.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_prelight.png new file mode 100644 index 0000000..048d8b4 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_prelight.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_prelight_vertical.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_prelight_vertical.png new file mode 100644 index 0000000..eea519f Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_prelight_vertical.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical.png new file mode 100644 index 0000000..6a9d409 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_backdrop.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_backdrop.png new file mode 100644 index 0000000..c9f3d2c Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_backdrop.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_insensitive.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_insensitive.png new file mode 100644 index 0000000..1220273 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_insensitive.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png new file mode 100644 index 0000000..1220273 Binary files /dev/null and b/usr/share/themes/Lubuntu-default/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css b/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css new file mode 100644 index 0000000..5c85bd3 --- /dev/null +++ b/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css @@ -0,0 +1,1222 @@ +/* NOTES to contributors: + * use 4 spaces intends, and keep code ALIGNED and ORDERED */ + +GtkWindow:backdrop { + color: mix (@fg_color, @bg_color, 0.17); +} + +* { + /* inherit the color from parent by default */ + color: inherit; + background-color: @bg_color; +} + +/********** + * states * + **********/ +*:insensitive:backdrop { + color: mix (shade (@bg_color, 0.6), @bg_color, 0.2); + text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5); +} + +*:active:backdrop { +} + +*:active:hover:insensitive:backdrop { +} + +*:active:insensitive:backdrop { +} + +*:hover:backdrop { +} + +*:hover:insensitive:backdrop { +} + +*:selected:backdrop, +*:selected:focused:backdrop { + background-color: @backdrop_selected_bg_color; + + color: @backdrop_selected_fg_color; +} + +/****************** + * common effects * + ******************/ +/* border and inner stroke */ +.frame:backdrop, +.notebook:backdrop { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.86)), + to (shade (@bg_color, 0.82))); +} + +.notebook tab:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.99)), + color-stop (0.80, shade (@bg_color, 0.97)), + to (shade (@bg_color, 0.94))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.9)), + to (shade (@bg_color, 0.87))); + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3); +} + +.notebook tab:active:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.1)), + to (shade (@bg_color, 1.01))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.92)), + to (shade (@bg_color, 0.86))); +} + +/********** + * button * + **********/ +GtkComboBox:backdrop, +.button:backdrop, +GtkComboBox.combobox-entry .button:backdrop, +GtkScale.slider:backdrop, +GtkScale.slider.vertical:backdrop, +.notebook .button:backdrop, +.inline-toolbar.toolbar .button:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.03)), + to (shade (@bg_color, 0.97))); + border-top-color: shade (@bg_color, 0.86); + border-right-color: shade (@bg_color, 0.82); + border-bottom-color: shade (@bg_color, 0.76); + border-left-color: shade (@bg_color, 0.82); + + color: mix (@fg_color, @bg_color, 0.2); + text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.16); + + -unico-border-gradient: none; + -unico-glow-radius: 0; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.05)), + to (shade (@bg_color, 0.985))); +} + +.button:hover:backdrop, +GtkComboBox.combobox-entry .button:hover:backdrop, +GtkScale.slider:hover:backdrop, +GtkScale.slider.vertical:hover:backdrop, +.notebook .button:hover:backdrop, +.inline-toolbar.toolbar .button:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.16)), + to (shade (@bg_color, 0.95))); + border-top-color: shade (@bg_color, 0.85); + border-right-color: shade (@bg_color, 0.82); + border-bottom-color: shade (@bg_color, 0.67); + border-left-color: shade (@bg_color, 0.82); + + -unico-border-gradient: none; + -unico-glow-color: shade (@bg_color, 1.07); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.21)), + to (shade (@bg_color, 1.02))); +} + +.button:active:backdrop, +GtkComboBox.combobox-entry .button:active:backdrop, +.notebook .button:active:backdrop, +.inline-toolbar.toolbar .button:active:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.9)), + to (shade (@bg_color, 0.95))); + border-top-color: shade (@bg_color, 0.62); + border-right-color: shade (@bg_color, 0.72); + border-bottom-color: shade (@bg_color, 0.76); + border-left-color: shade (@bg_color, 0.72); + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.85)), + to (shade (@bg_color, 0.9))); +} + +.button:active:hover:backdrop, +GtkComboBox.combobox-entry .button:active:hover:backdrop, +.notebook .button:active:hover:backdrop, +.inline-toolbar.toolbar .button:active:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.95)), + to (shade (@bg_color, 1.0))); + border-top-color: shade (@bg_color, 0.64); + border-right-color: shade (@bg_color, 0.74); + border-bottom-color: shade (@bg_color, 0.79); + border-left-color: shade (@bg_color, 0.74); + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.93)), + to (shade (@bg_color, 0.94))); +} + +.button:insensitive:backdrop, +GtkComboBox.combobox-entry .button:insensitive:backdrop, +.notebook .button:insensitive:backdrop, +.inline-toolbar.toolbar .button:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.06)), + to (shade (@bg_color, 0.98))); + border-top-color: shade (@bg_color, 0.86); + border-right-color: shade (@bg_color, 0.86); + border-bottom-color: shade (@bg_color, 0.86); + border-left-color: shade (@bg_color, 0.9); + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.1)), + to (shade (@bg_color, 1.0))); +} + +/* default button */ +.button.default:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3))); + + text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4); + + -unico-focus-border-color: @transparent; + -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3))); + -unico-glow-radius: 0; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3))); +} + +.button.default:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3))); +} + +.button.default:active:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3))); +} + +.button.default:active:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)), + to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3))); +} + +.button.default:insensitive:backdrop { + -unico-glow-radius: 0; +} + +/**************** + * cell and row * + ****************/ +.cell:backdrop { + background-color: mix (@base_color, @bg_color, 0.4); + border-radius: 0; + border-width: 0; +} + +.cell:selected:backdrop { +} + +row:hover:backdrop { +} + +row:insensitive:backdrop { +} + +row:selected:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.06)), + to (shade (@backdrop_selected_bg_color, 1.0))); + border-top-color: shade (@backdrop_selected_bg_color, 0.98); + border-style: solid; + border-width: 1px 0 0 0; + + color: @backdrop_selected_fg_color; +} + +row:selected:focused { +} + +/******************* + * check and radio * + *******************/ +.check row:selected:backdrop, +.radio row:selected:backdrop, +.check:backdrop, +.check row:backdrop, +.radio:backdrop, +.radio row:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@base_color, 0.98), @bg_color, 0.4)), + to (mix (@base_color, @bg_color, 0.4))); + border-top-color: shade (@bg_color, 0.72); + border-right-color: shade (@bg_color, 0.82); + border-bottom-color: shade (@bg_color, 0.88); + border-left-color: shade (@bg_color, 0.82); + border-style: solid; + border-width: 1px; + + color: mix (@fg_color, @base_color, 0.2); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.02)), + to (alpha (shade (@bg_color, 0.05), 0.01))); +} + +.check:backdrop, +.check row:backdrop { + border-radius: 3px; +} + +.radio:backdrop, +.radio row:backdrop { + border-radius: 10px; +} + +/* FIXME (Cimi) this is horrible */ +.check:active:backdrop, +.check row:selected:active:backdrop, +.check row:selected:focused:active:backdrop, +.notebook .check:active:backdrop, +.notebook .radio:active:backdrop, +.radio:active:backdrop, +.radio row:selected:active:backdrop, +.radio row:selected:focused:active:backdrop, +.check:inconsistent:backdrop, +.check row:selected:inconsistent:backdrop, +.check row:selected:focused:inconsistent:backdrop, +.notebook .check:inconsistent:backdrop, +.notebook .radio:inconsistent:backdrop, +.radio:inconsistent:backdrop, +.radio row:selected:inconsistent:backdrop, +.radio row:selected:focused:inconsistent:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.06)), + to (shade (@backdrop_selected_bg_color, 0.94))); + + -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54); + -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.78)), + to (shade (@backdrop_selected_bg_color, 0.74))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.08)), + to (shade (@backdrop_selected_bg_color, 0.96))); + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.01)), + to (alpha (shade (@bg_color, 0.05), 0.03))); + -unico-outer-stroke-width: 1px; +} + +/* FIXME (Cimi) this is horrible */ +.check:active:hover:backdrop, +.check row:selected:active:hover:backdrop, +.check row:selected:focused:active:hover:backdrop, +.notebook .check:active:hover:backdrop, +.notebook .radio:active:hover:backdrop, +.radio:active:hover:backdrop, +.radio row:selected:active:hover:backdrop, +.radio row:selected:focused:active:hover:backdrop +.check:active:hover:inconsistent:backdrop, +.check row:selected:active:hover:inconsistent:backdrop, +.check row:selected:focused:active:hover:inconsistent:backdrop, +.notebook .check:active:hover:inconsistent:backdrop, +.notebook .radio:active:hover:inconsistent:backdrop, +.radio:active:hover:inconsistent:backdrop, +.radio row:selected:active:hover:inconsistent:backdrop, +.radio row:selected:focused:active:hover:inconsistent:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.1)), + to (shade (@backdrop_selected_bg_color, 0.98))); + + -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54); + -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.8)), + to (shade (@backdrop_selected_bg_color, 0.76))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.12)), + to (shade (@backdrop_selected_bg_color, 1.0))); +} + +.check:insensitive:backdrop, +.radio:insensitive:backdrop { + background-color: shade (@bg_color, 0.98); + background-image: none; + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.02)), + to (alpha (shade (@bg_color, 0.05), 0.01))); +} + +.check:insensitive:active:backdrop, +.radio:insensitive:active:backdrop, +.check:insensitive:inconsistent:backdrop, +.radio:insensitive:inconsistent:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.0)), + to (shade (@bg_color, 0.94))); + + -unico-bullet-color: shade (@bg_color, 0.7); + -unico-bullet-outline-color: shade (@bg_color, 1.0); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.86)), + to (shade (@bg_color, 0.8))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.02)), + to (shade (@bg_color, 0.96))); +} + +/***************** + * column-header * + *****************/ +column-header .button:backdrop, +column-header .button:active:backdrop, +.notebook column-header .button:backdrop, +.notebook column-header .button:active:backdrop { + border-radius: 0; + border-width: 0 1px 1px 0; + + -unico-glow-radius: 0; + -unico-outer-stroke-width: 0; +} + +column-header .button:backdrop, +.notebook column-header .button:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.04)), + to (shade (@bg_color, 0.98))); + + text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.88)), + to (shade (@bg_color, 0.84))); + -unico-glow-color: shade (@bg_color, 1.02); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.07)), + to (shade (@bg_color, 1.01))); +} + +column-header .button:hover:backdrop, +.notebook column-header .button:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.06)), + to (shade (@bg_color, 1.0))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.9)), + to (shade (@bg_color, 0.86))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.09)), + to (shade (@bg_color, 1.03))); +} + +column-header:nth-child(last) .button:backdrop { + border-width: 0 0 1px 0; +} + +/****************** + * combobox entry * + ******************/ +GtkComboBox.combobox-entry .button:backdrop, +GtkComboBox.combobox-entry .button:hover:backdrop, +GtkComboBox.combobox-entry .button:active:backdrop, +GtkComboBox.combobox-entry .button:insensitive:backdrop { + border-top-color: shade (@bg_color, 0.64); + border-right-color: shade (@bg_color, 0.8); + border-bottom-color: shade (@bg_color, 0.86); + border-left-color: shade (@bg_color, 0.76); +} + +/********* + * entry * + *********/ +.entry:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (mix (shade (@base_color, 0.98), @bg_color, 0.4)), + to (mix (@base_color, @bg_color, 0.4))); + border-top-color: shade (@bg_color, 0.72); + border-right-color: shade (@bg_color, 0.82); + border-bottom-color: shade (@bg_color, 0.88); + border-left-color: shade (@bg_color, 0.82); + + color: mix (@fg_color, @base_color, 0.2); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.02)), + to (alpha (shade (@bg_color, 0.05), 0.01))); +} + +.entry:selected:backdrop, +.entry:selected:focused:backdrop { + background-color: @backdrop_selected_bg_color; + + color: @backdrop_selected_fg_color; +} + +.entry:focused:backdrop { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.75)), + to (shade (@backdrop_selected_bg_color, 0.8))); + -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3); + -unico-inner-stroke-gradient: none; +} + +.entry:insensitive:backdrop { + background-color: shade (@bg_color, 0.98); + background-image: none; + + color: mix (@text_color, @base_color, 0.5); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.02)), + to (alpha (shade (@bg_color, 0.05), 0.01))); +} + +.primary-toolbar .entry.progressbar:backdrop, +.primary-toolbar .entry.progressbar:backdrop, +.entry.progressbar:backdrop { +} + +/************ + * expander * + ************/ +.expander:backdrop { +} + +/********* + * frame * + *********/ +.frame:backdrop { +} + +/************ + * iconview * + ************/ +GtkIconView.view.cell:selected:backdrop, +GtkIconView.view.cell:selected:focused:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.0)), + to (shade (@backdrop_selected_bg_color, 0.9))); + border-radius: 4px; + border-style: solid; + border-width: 1px; + + color: @backdrop_selected_fg_color; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.7)), + to (shade (@backdrop_selected_bg_color, 0.7))); + -unico-glow-radius: 8; + -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.2)), + to (shade (@backdrop_selected_bg_color, 1.08))); + -unico-inner-stroke-width: 1px; +} + +.rubberband:backdrop { + background-color: alpha (@backdrop_selected_bg_color, 0.35); + border-color: @backdrop_selected_bg_color; + border-radius: 0; + border-style: solid; + border-width: 1px; +} + +/*********** + * infobar * + ***********/ +.info:backdrop { +} + +.warning:backdrop { +} + +.question:backdrop { +} + +.error:backdrop { +} + +/*********** + * menubar * + ***********/ +.menubar:backdrop, +.menubar .menuitem:backdrop { + color: shade (#a39e9a, 0.86); /* metacity unfocused color */ +} + +/************ + * notebook * + ************/ +.notebook:backdrop { + background-color: shade (@bg_color, 1.01); +} + +.notebook tab:active:backdrop { +} + +.notebook tab:backdrop { +} + +/************************* + * progressbar and scale * + *************************/ +.scale.highlight.left:backdrop, +.progressbar:backdrop, +.progressbar row:backdrop, +.progressbar row:hover:backdrop, +.progressbar row:selected:backdrop, +.progressbar row:selected:focused:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.05)), + to (shade (@backdrop_selected_bg_color, 0.95))); + border-width: 1px; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.8)), + to (shade (@backdrop_selected_bg_color, 0.8))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 1.07)), + to (shade (@backdrop_selected_bg_color, 0.965))); + -unico-outer-stroke-color: @transparent; + -unico-outer-stroke-gradient: none; + -unico-outer-stroke-width: 0; +} + +.scale.highlight.bottom:backdrop, +.progressbar.vertical:backdrop { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@backdrop_selected_bg_color, 1.05)), + to (shade (@backdrop_selected_bg_color, 0.95))); + + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@backdrop_selected_bg_color, 0.86)), + to (shade (@backdrop_selected_bg_color, 0.86))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@backdrop_selected_bg_color, 1.07)), + to (shade (@backdrop_selected_bg_color, 0.965))); +} + +.scale.highlight.left:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.98)), + to (shade (@bg_color, 0.88))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.82)), + to (shade (@bg_color, 0.82))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.0)), + to (shade (@bg_color, 0.90))); +} + +.scale.highlight.bottom:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.98)), + to (shade (@bg_color, 0.88))); + + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.82)), + to (shade (@bg_color, 0.82))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 1.0)), + to (shade (@bg_color, 0.90))); +} + +.trough:backdrop, +.trough row:backdrop, +.trough row:hover:backdrop, +.trough row:selected:backdrop, +.trough row:selected:focused:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.94)), + to (shade (@bg_color, 0.98))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.85)), + to (shade (@bg_color, 1.05))); +} + +.trough.vertical:backdrop { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.94)), + to (shade (@bg_color, 0.98))); + + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.85)), + to (shade (@bg_color, 1.05))); +} + +GtkScale.slider:backdrop { + background-image: url("assets/slider_backdrop.png"); +} + +GtkScale.slider:hover:backdrop { + background-image: url("assets/slider_prelight.png"); +} + +GtkScale.slider:insensitive:backdrop { + background-image: url("assets/slider_insensitive_backdrop.png"); +} + +GtkScale.slider.vertical:backdrop { + background-image: url("assets/slider_vertical_backdrop.png"); +} + +GtkScale.slider.vertical:hover:backdrop { + background-image: url("assets/slider_prelight_vertical.png"); +} + +GtkScale.slider.vertical:insensitive:backdrop { + background-image: url("assets/slider_vertical_insensitive_backdrop.png"); +} + +GtkScale.mark:backdrop { +} + +/******************* + * scrolled window * + *******************/ +GtkScrolledWindow.frame:backdrop { +} + +/************* + * separator * + *************/ +.separator:backdrop { + border-color: shade (@bg_color, 0.92); + + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4); +} + +.button .separator:backdrop, +.button.separator:backdrop { + border-color: shade (@bg_color, 0.86); + + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5); +} + +.notebook .button .separator:backdrop, +.notebook .button.separator:backdrop { + border-color: shade (@bg_color, 0.86); + + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5); +} + +.button .separator:insensitive:backdrop, +.button.separator:insensitive:backdrop { + border-color: shade (@bg_color, 0.92); + + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6); +} + +.notebook .button .separator:insensitive:backdrop, +.notebook .button.separator:insensitive:backdrop { + border-color: shade (@bg_color, 0.92); + + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6); +} + +.menuitem.separator:backdrop { +} + +.menubar .menuitem.separator:backdrop, +.primary-toolbar .menuitem.separator:backdrop { +} + +/*********** + * sidebar * + ***********/ +.sidebar:backdrop, +.sidebar .view:backdrop { +} + +.sidebar row:selected:backdrop { + text-shadow: 0 1 shade (@backdrop_selected_bg_color, 0.7); +} + +.sidebar .frame:backdrop { +} + +/************** + * spinbutton * + **************/ +.spinbutton.button:active:backdrop, +.spinbutton.button:insensitive:backdrop, +.notebook .spinbutton.button:active:backdrop, +.notebook .spinbutton.button:insensitive:backdrop, +.spinbutton.button:backdrop, +.notebook .spinbutton.button:backdrop { +} + +.spinbutton.button:active:nth-child(last):backdrop, +.spinbutton.button:insensitive:nth-child(last):backdrop, +.notebook .spinbutton.button:active:nth-child(last):backdrop, +.notebook .spinbutton.button:insensitive:nth-child(last):backdrop, +.spinbutton.button:nth-child(last):backdrop, +.notebook .spinbutton.button:nth-child(last):backdrop { +} + +.spinbutton.button:backdrop, +.notebook .spinbutton.button:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.06)), + to (shade (@bg_color, 0.94))); + border-top-color: shade (@bg_color, 0.72); + border-right-color: shade (@bg_color, 0.82); + border-bottom-color: shade (@bg_color, 0.88); + border-left-color: shade (@bg_color, 0.82); + + -unico-border-gradient: none; +} + +.spinbutton:backdrop, +.spinbutton:hover:backdrop { +} + +/*********** + * spinner * + ***********/ +.menu.spinner:backdrop, +.primary-toolbar .spinner:backdrop, +.primary-toolbar .spinner:backdrop { + color: @backdrop_selected_bg_color; +} + +/************* + * statusbar * + *************/ +GtkStatusbar:backdrop { +} + +/********** + * switch * + **********/ +GtkSwitch:backdrop { + border-radius: 4px; + padding: 0; + + -unico-focus-border-radius: 4; + -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3); + -unico-focus-fill-color: @transparent; +} + +GtkSwitch.trough:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.89)), + to (shade (@bg_color, 0.96))); + + color: mix (@fg_color, @bg_color, 0.17); + text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.3); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 0.78))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.85)), + to (shade (@bg_color, 0.92))); +} + +GtkSwitch.trough:active:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.93)), + to (shade (@backdrop_selected_bg_color, 0.99))); + + color: @backdrop_selected_fg_color; + text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.75)), + to (shade (@backdrop_selected_bg_color, 0.78))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.86)), + to (shade (@backdrop_selected_bg_color, 0.94))); +} + +GtkSwitch.trough:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.95)), + to (shade (@bg_color, 0.99))); + + color: mix (shade (@bg_color, 0.6), @bg_color, 0.17); + text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.8)), + to (shade (@bg_color, 0.84))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.91)), + to (shade (@bg_color, 0.965))); +} + +GtkSwitch.slider:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.06)), + to (shade (@bg_color, 0.94))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 0.78))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.08)), + to (shade (@bg_color, 0.96))); +} + +GtkSwitch.slider:insensitive:backdrop { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.8)), + to (shade (@bg_color, 0.84))); +} + +/************ + * textview * + ************/ +GtkTextView:backdrop { + background-color: mix (@base_color, @bg_color, 0.4); +} + +/*********** + * toolbar * + ***********/ +.toolbar:backdrop { + border-style: none; +} + +/* primary-toolbar */ +.primary-toolbar:backdrop, +.primary-toolbar .toolbar:backdrop, +.primary-toolbar.toolbar:backdrop { + background-color: @dark_bg_color; + background-image: none; + border-bottom-color: shade (@dark_bg_color, 0.94); + border-style: solid; + border-width: 0 0 1px 0; + padding: 2px; + + color: shade (#a39e9a, 0.86); /* metacity unfocused color */ + text-shadow: 0 1 shade (@dark_bg_color, 1.06); + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: none; + -unico-inner-stroke-width: 0; +} + +.primary-toolbar :insensitive:backdrop { + text-shadow: 0 -1 shade (@dark_bg_color, 0.82); +} + +.primary-toolbar GtkComboBox:backdrop, +.primary-toolbar .button *:backdrop, +.primary-toolbar .button:backdrop { + background-color: @transparent; + background-image: none; + border-color: @transparent; + border-radius: 3px; + border-width: 1px; + padding: 2px; + + color: shade (#a39e9a, 0.86); /* metacity unfocused color */ + text-shadow: 0 1 shade (@dark_bg_color, 1.06); + + transition: 0ms ease-in-out; + + -unico-focus-border-radius: 4; + -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5); + -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2); + -unico-focus-outer-stroke-color: @transparent; + + -unico-border-gradient: none; + -unico-glow-radius: 0; + -unico-inner-stroke-width: 0; + -unico-outer-stroke-width: 0; +} + +.primary-toolbar .button *:hover:backdrop { + color: shade (shade (#a39e9a, 0.86), 1.1); +} + +.primary-toolbar .raised .button:backdrop, +.primary-toolbar .raised.button:backdrop, +.primary-toolbar .button:hover:backdrop, +.primary-toolbar .button:active:backdrop, +.primary-toolbar .button:insensitive:backdrop { + border-width: 1px; + + transition: 0ms ease-in-out; + + -unico-focus-border-radius: 0; + -unico-focus-fill-color: @transparent; + -unico-focus-border-color: @transparent; + -unico-focus-outer-stroke-color: @transparent; + + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 1.06))); + -unico-outer-stroke-width: 1px; +} + +.primary-toolbar GtkComboBox.combobox-entry .button:backdrop { + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 1.06))); +} + +.primary-toolbar GtkComboBox.combobox-entry .button:backdrop, +.primary-toolbar .raised .button:backdrop, +.primary-toolbar .raised.button:backdrop, +.primary-toolbar .button:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.06)), + to (shade (@dark_bg_color, 0.98))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.9)), + to (shade (@dark_bg_color, 0.87))); + -unico-glow-radius: 0; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.12)), + to (shade (@dark_bg_color, 1.02))); +} + +.primary-toolbar .button:active:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.9)), + to (shade (@dark_bg_color, 0.95))); + + text-shadow: 0 1 shade (@dark_bg_color, 0.95); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.75)), + to (shade (@dark_bg_color, 0.85))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.88)), + to (shade (@dark_bg_color, 0.93))) +} + +.primary-toolbar .button:active:hover:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.95)), + to (shade (@dark_bg_color, 1.0))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.75)), + to (shade (@dark_bg_color, 0.85))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.93)), + to (shade (@dark_bg_color, 0.94))) +} + +.primary-toolbar .button:active:insensitive:backdrop, +.primary-toolbar .button:insensitive:backdrop { + text-shadow: none; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.85)), + to (shade (@dark_bg_color, 0.95))); + -unico-glow-radius: 0; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 1.06))); +} + +.primary-toolbar .button:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 0.99))); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.1)), + to (shade (@dark_bg_color, 1.04))); +} + +.primary-toolbar .button:active:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.94)), + to (shade (@dark_bg_color, 1.02))); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.92)), + to (shade (@dark_bg_color, 1.0))); +} + +.primary-toolbar .entry:backdrop, +.primary-toolbar .entry:active:backdrop, +.primary-toolbar .entry:focused:backdrop { + border-radius: 3px; + + color: @text_color; + + -unico-outer-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 1.06))); +} + +.primary-toolbar .entry:backdrop { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.75)), + to (shade (@dark_bg_color, 0.95))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.02)), + to (alpha (shade (@bg_color, 0.05), 0.01))); +} + +.primary-toolbar .entry:insensitive:backdrop { + -unico-outer-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 1.06))); +} + +.primary-toolbar .entry:focused:backdrop { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@backdrop_selected_bg_color, 0.75)), + to (shade (@backdrop_selected_bg_color, 0.8))); + -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2); + -unico-inner-stroke-gradient: none; +} + +.primary-toolbar GtkSeparatorToolItem:backdrop, +.primary-toolbar .separator:backdrop, +.primary-toolbar .separator:insensitive:backdrop { + border-color: shade (@dark_bg_color, 0.94); + border-style: solid; + + -unico-border-gradient: none; + -unico-inner-stroke-color: shade (@dark_bg_color, 1.04); + -unico-inner-stroke-gradient: none; +} + +/* inline-toolbar */ +.inline-toolbar.toolbar:backdrop { + -GtkToolbar-button-relief: normal; + + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (#f2f1ef, 0.96)), + color-stop (0.08, #f2f1ef), + to (#ffffff)); + border-radius: 0; + border-style: solid; + border-width: 1px; + padding: 3px 4px 4px 4px; +} + +.inline-toolbar.toolbar:nth-child(last):backdrop { + border-bottom-color: shade (@bg_color, 0.76); + border-color: shade (@bg_color, 0.8); + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; +} + +.inline-toolbar.toolbar .button:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.06)), + to (shade (@bg_color, 0.94))); + border-radius: 0; + border-style: solid; + border-width: 1px 0 1px 1px; + padding: 1px; + + icon-shadow: 0 1 shade (@bg_color, 1.16); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.09)), + to (shade (@bg_color, 0.97))); + -unico-outer-stroke-width: 1px 0 1px 0; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.01)), + to (alpha (shade (@bg_color, 0.05), 0.03))); +} + +.inline-toolbar.toolbar .button *:active:backdrop, +.inline-toolbar.toolbar .button *:insensitive:backdrop, +.inline-toolbar.toolbar GtkToolButton .button:active:backdrop, +.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop { + -unico-outer-stroke-width: 1px 0 1px 0; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.008)), + to (alpha (shade (@bg_color, 0.05), 0.01))); +} + +.inline-toolbar.toolbar .button *:insensitive:backdrop, +.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.02)), + to (shade (@bg_color, 0.98))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.85)), + to (shade (@bg_color, 0.8))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.16)), + to (shade (@bg_color, 1.0))); +} + +.inline-toolbar.toolbar .button:nth-child(first):backdrop, +.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button:backdrop { + border-radius: 3px 0 0 3px; + + -unico-outer-stroke-width: 1px 0 1px 1px; +} + +.inline-toolbar.toolbar .button:nth-child(last):backdrop, +.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button:backdrop { + border-radius: 0 3px 3px 0; + border-width: 1px; + + -unico-outer-stroke-width: 1px 1px 1px 0; +} + +/************ + * treeview * + ************/ +GtkTreeView .entry:backdrop { +} + +/************ + * viewport * + ************/ +GtkViewport.frame:backdrop { +} diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css b/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css index 1dd5f00..c581af9 100644 --- a/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css +++ b/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css @@ -1,86 +1,87 @@ +/* NOTES to contributors: + * use 4 spaces intends, and keep code ALIGNED and ORDERED */ + +/* default */ * { - -GtkArrow-arrow-scaling: 0.6; - -GtkButton-child-displacement-x: 1; - -GtkButton-child-displacement-y: 1; - -GtkButton-default-border: 0; - -GtkButton-image-spacing: 0; - -GtkButton-interior-focus: true; - -GtkButton-inner-border: 3; - -GtkCheckButton-indicator-size: 14; - -GtkCheckMenuItem-indicator-size: 14; - -GtkEntry-inner-border: 2; - -GtkEntry-progress-border: 0; - -GtkExpander-expander-size: 10; - -GtkHTML-link-color: @link_color; - -GtkLabel-color: @text_color; - -GtkIMHtml-hyperlink-color: @link_color; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkMenuItem-arrow-scaling: 0.5; - -GtkMenuBar-internal-padding: 0; - -GtkNotebook-tab-overlap: -1; - -GtkPaned-handle-size: 3; - -GtkProgressBar-min-horizontal-bar-height: 20; - -GtkProgressBar-min-vertical-bar-width: 20; - -GtkRange-trough-border: 1; - -GtkRange-slider-width: 9; - -GtkRange-stepper-size: 9; - -GtkRange-trough-under-steppers: 1; - -GtkRange-stepper-spacing: 0; - -GtkScale-trough-border: 0; - -GtkScrollbar-activate-slider: 1; - -GtkScrollbar-trough-border: 0; - -GtkScrollbar-slider-width: 11; - -GtkScrollbar-min-slider-length: 30; - -GtkScrollbar-has-forward-stepper: 0; - -GtkScrollbar-has-backward-stepper: 0; - -GtkScrollbar-has-secondary-forward-stepper: 0; - -GtkScrollbar-has-secondary-backward-stepper: 0; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkSeparatorMenuItem-horizontal-padding: 0; - -GtkStatusbar-shadow-type: none; - -GtkTextView-error-underline-color: @error_color; - -GtkToolButton-icon-spacing: 6; - -GtkToolItemGroup-expander-size: 11; - -GtkToolbar-internal-padding: 0; - -GtkTreeView-expander-size: 4; - -GtkTreeView-vertical-separator: 0; - -GtkWidget-wide-separators: 1; - -GtkWidget-separator-width: 2; - -GtkWidget-separator-height: 2; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 1; - -GtkWidget-link-color: @link_color; - -GtkWidget-visited-link-color: @link_color; - -GtkWindow-resize-grip-default: true; - -WnckTasklist-fade-overlay-rect: 0; - -GtkRuler-color: #ff0000; - - border-width: 1px; - - engine: unico; - - -unico-focus-border-color: alpha (@selected_bg_color, 0.6); - -unico-focus-border-radius: 2; - -unico-focus-fill-color: alpha (@selected_bg_color, 0.1); - -unico-focus-outer-stroke-color: @transparent; - - -unico-inner-stroke-color: shade (@bg_color, 1.1); - -unico-inner-stroke-width: 0; + -GtkArrow-arrow-scaling: 0.6; + -GtkButton-child-displacement-x: 1; + -GtkButton-child-displacement-y: 1; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 6; + -GtkButton-interior-focus: true; + -GtkButton-inner-border: 3; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 14; + -GtkEntry-inner-border: 2; + -GtkEntry-progress-border: 0; + -GtkExpander-expander-size: 8; + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkMenu-horizontal-padding: 3; + -GtkMenu-vertical-padding: 5; + -GtkMenuBar-internal-padding: 3; + -GtkMenuItem-arrow-scaling: 0.6; + -GtkNotebook-tab-overlap: 1; + -GtkPaned-handle-size: 6; + -GtkProgressBar-min-horizontal-bar-height: 18; + -GtkProgressBar-min-vertical-bar-width: 18; + -GtkRange-trough-border: 0; + -GtkRange-slider-width: 14; + -GtkRange-stepper-size: 13; + -GtkRange-trough-under-steppers: 1; + -GtkRange-stepper-spacing: 0; + -GtkScale-trough-border: 0; + -GtkScrollbar-activate-slider: 1; + -GtkScrollbar-trough-border: 0; + -GtkScrollbar-slider-width: 13; + -GtkScrollbar-min-slider-length: 31; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkSeparatorMenuItem-horizontal-padding: 0; + -GtkStatusbar-shadow-type: none; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 11; + -GtkToolbar-internal-padding: 0; + -GtkTreeView-expander-size: 8; + -GtkTreeView-vertical-separator: 0; + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 2px; + -GtkWidget-separator-height: 2; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 1px; + -GtkWidget-link-color: @link_color; + -GtkWidget-visited-link-color: @link_color; + -GtkWindow-resize-grip-width: 0; + -GtkWindow-resize-grip-height: 0; + -WnckTasklist-fade-overlay-rect: 0; + + border-width: 1px; + + engine: unico; + + -unico-focus-border-color: alpha (@selected_bg_color, 0.5); + -unico-focus-border-radius: 3; + -unico-focus-fill-color: alpha (@selected_bg_color, 0.1); + -unico-focus-outer-stroke-color: @transparent; + + -unico-inner-stroke-color: shade (@bg_color, 1.1); + -unico-inner-stroke-width: 0; } -/********** - * states * - **********/ +GtkWindow { + color: @fg_color; +} -ApDocView, /* Abiword */ -EogScrollView, /* Eog */ -CheeseThumbView /* Cheese */ { - background-color: @bg_color; - -EogScrollView-shadow-type: none; +* { + /* inherit the color from parent by default */ + color: inherit; + background-color: @bg_color; } +/********** + * states * + **********/ *:insensitive { color: shade (@bg_color, 0.6); text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5); @@ -101,42 +102,38 @@ CheeseThumbView /* Cheese */ { *:hover:insensitive { } -*:selected { - background-color: @selected_bg_color; - color: @selected_fg_color; -} - +*:selected, *:selected:focused { - background-color: @selected_bg_color; - color: @selected_fg_color; + background-color: alpha (@selected_bg_color, 0.9); + color: @selected_fg_color; } - -/*********** - * Borders * - ***********/ +/****************** + * common effects * + ******************/ /* border and inner stroke */ .button, .frame, .notebook { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.76)), - to (shade (@bg_color, 0.7))); - border: solid; - border-width: 1px; - color: #333333; + border-style: solid; + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.8)), + to (shade (@bg_color, 0.76))); +} + +.frame, +.notebook { + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2); + -unico-inner-stroke-gradient: none; + -unico-inner-stroke-width: 1px; } .button:insensitive, .frame:insensitive, .notebook:insensitive { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.8))); - -unico-outer-stroke-style: custom; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.9), 0.6)), - to (alpha (shade (@bg_color, 1.1), 0.7))); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.8)), + to (shade (@bg_color, 0.8))); } /* inset */ @@ -146,10 +143,10 @@ GtkComboBox.combobox-entry .button, .check, .entry, .radio { - -unico-outer-stroke-style: custom; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.9), 0.6)), - to (alpha (shade (@bg_color, 1.05), 0.6))); + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.85), 0.2)), + to (alpha (shade (@bg_color, 1.25), 0.6))); + -unico-outer-stroke-width: 1px; } /* shadow */ @@ -159,75 +156,96 @@ GtkComboBox.combobox-entry .button, .notebook .button, .notebook, .radio:active { - -unico-outer-stroke-style: custom; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.05), 0.05)), - to (alpha (shade (@bg_color, 0.05), 0.09))); - -unico-outer-stroke-width: 1; -} - -/* GtkAssistant */ + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (@bg_color, 0.00)), + to (alpha (shade (@bg_color, 1.25), 0.5))); + -unico-outer-stroke-width: 1px; +} +/* +.button:hover, +.notebook .button:hover { + -unico-outer-stroke-top-color: @transparent; + -unico-outer-stroke-right-color: @transparent; + -unico-outer-stroke-bottom-color: alpha (shade (@bg_color, 0.05), 0.06); + -unico-outer-stroke-left-color: @transparent; + -unico-outer-stroke-gradient: none; + -unico-outer-stroke-width: 1px; +} +*/ +/************* + * assistant * + *************/ GtkAssistant .sidebar .highlight { - color: @fg_color; - font: bold; + color: @fg_color; + font: bold; } GtkAssistant .sidebar { - padding: 12px; - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: @inactive_frame_color; - color: mix (@fg_color, @bg_color, 0.40); - background-color: shade (@bg_color, 0.97); + background-color: shade (@bg_color, 0.97); + border-right-color: shade (@bg_color, 0.8); + border-radius: 0; + border-style: solid; + border-width: 0 1px 0 0; + padding: 12px; + color: mix (@fg_color, @bg_color, 0.40); + text-shadow: 0 1 shade (@bg_color, 1.04); + -unico-border-gradient: none; + -unico-inner-stroke-right-color: shade (@bg_color, 0.94); + -unico-inner-stroke-width: 0 1px 0 0; + -unico-outer-stroke-width: 0; } /************** * background * **************/ - .background { background-color: @bg_color; - border-width: 0px; + border-width: 0; } -/*********** - * Buttons * - ***********/ +/********** + * button * + **********/ .button { + padding: 3px; -unico-focus-border-color: alpha (@selected_bg_color, 0.7); -unico-focus-fill-color: @transparent; -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.2); - padding: 4px; } GtkComboBox, .button { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.96))); - border-radius: 2px; + to (shade (@button_bg_color, 0.9))); + border-radius: 3px; border-style: solid; -color: #333333; + + color: @fg_color; + text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4); + + transition: 100ms ease-in-out; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 0.85)), to (shade (@button_bg_color, 0.67))); - + -unico-glow-color: shade (@button_bg_color, 1.14); + -unico-glow-radius: 6; -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 1.16)), to (shade (@button_bg_color, 1.015))); - -unico-inner-stroke-width: 0; + -unico-inner-stroke-width: 1px; } .button:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@button_bg_color, 1.2),shade (@selected_bg_color, 1.35),0.5)), - to (mix (shade (@button_bg_color, 0.98),shade (@selected_bg_color, 1.2),0.5))); - + from (shade (@button_bg_color, 1.16)), + to (shade (@button_bg_color, 0.95))); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 0.89)), to (shade (@button_bg_color, 0.7))); + -unico-glow-color: shade (@button_bg_color, 1.18); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 1.2)), to (shade (@button_bg_color, 1.06))); @@ -236,15 +254,14 @@ color: #333333; .button:active { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 0.9)), - to (shade (@button_bg_color, 0.8))); + to (shade (@button_bg_color, 0.95))); - -unico-focus-outer-stroke-color: @transparent; + -unico-focus-outer-stroke: @transparent; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 0.6)), to (shade (@button_bg_color, 0.7))); - -unico-glow-color: shade (@button_bg_color, 0.65); - -unico-glow-radius: 12; + -unico-glow-radius: 0; -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 0.84)), to (shade (@button_bg_color, 0.9))); @@ -276,10 +293,6 @@ color: #333333; -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_insensitive_bg_color, 1.08)), to (shade (@button_insensitive_bg_color, 1.0))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.25), 0.6))); - -unico-outer-stroke-width: 1; } .button:insensitive:active { @@ -290,13 +303,11 @@ color: #333333; -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@button_insensitive_bg_color, 0.95)), to (shade (@button_insensitive_bg_color, 0.98))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.25), 0.6))); - -unico-outer-stroke-width: 1; } GtkComboBox.combobox-entry .button, +GtkScale.slider, +GtkScale.slider.vertical, .notebook .button, .inline-toolbar.toolbar .button { background-image: -gtk-gradient (linear, left top, left bottom, @@ -306,9 +317,10 @@ GtkComboBox.combobox-entry .button, border-right-color: shade (@bg_color, 0.78); border-bottom-color: shade (@bg_color, 0.64); border-left-color: shade (@bg_color, 0.78); - padding: 4px; + padding: 3px; text-shadow: 0 1 alpha (shade (@bg_color, 1.26), 0.5); + -unico-border-gradient: none; -unico-glow-color: shade (@bg_color, 1.02); -unico-glow-radius: 4; @@ -318,15 +330,17 @@ GtkComboBox.combobox-entry .button, } GtkComboBox.combobox-entry .button:hover, +GtkScale.slider:hover, +GtkScale.slider.vertical:hover, .notebook .button:hover, .inline-toolbar.toolbar .button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.16)), to (shade (@bg_color, 0.95))); - border-top-color: shade (@bg_color, 0.85); - border-right-color: shade (@bg_color, 0.82); - border-bottom-color: shade (@bg_color, 0.67); - border-left-color: shade (@bg_color, 0.82); + border-top-color: shade (@bg_color, 0.84); + border-right-color: shade (@bg_color, 0.80); + border-bottom-color: shade (@bg_color, 0.66); + border-left-color: shade (@bg_color, 0.80); -unico-border-gradient: none; -unico-glow-color: shade (@bg_color, 1.07); @@ -384,33 +398,31 @@ GtkComboBox.combobox-entry .button:insensitive, -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.1)), to (shade (@bg_color, 1.0))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.25), 0.6))); - -unico-outer-stroke-width: 1; } /* default button */ .button.default { background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@bg_color, 1.1), shade (@selected_bg_color, 0.65),0.17)), - to (mix (shade (@bg_color, 0.9), shade (@selected_bg_color, 0.65),0.17))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (mix (shade (@button_bg_color, 0.78), shade (@selected_bg_color, 0.35),0.3), 0.15)), - to (alpha (mix (shade (@button_bg_color, 0.78), shade (@selected_bg_color, 0.35),0.3), 0.15))); - -unico-outer-stroke-width: 1; + from (mix (shade (@selected_bg_color, 1.16), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 0.84), @bg_color, 0.3))); + + text-shadow: 0 1 alpha (shade (@selected_bg_color, 1.26), 0.4); + + -unico-focus-border-color: @transparent; + -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.2); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@selected_bg_color, 0.4),0.4)), - to (alpha (shade (@selected_bg_color, 0.3),0.6))); - + from (mix (shade (@selected_bg_color, 0.8), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 0.64), @bg_color, 0.3))); + -unico-glow-color: mix (shade (@selected_bg_color, 1.5), @bg_color, 0.3); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.06))); + from (mix (shade (@selected_bg_color, 1.42), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 1.12), @bg_color, 0.3))); } .button.default:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@selected_bg_color, 1.03), @bg_color, 0.3)), + from (mix (shade (@selected_bg_color, 1.21), @bg_color, 0.3)), to (mix (shade (@selected_bg_color, 0.89), @bg_color, 0.3))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, @@ -424,69 +436,41 @@ GtkComboBox.combobox-entry .button:insensitive, .button.default:active { background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 0.98))); - + from (mix (shade (@selected_bg_color, 0.95), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 1.05), @bg_color, 0.3))); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 0.89)), - to (shade (@button_bg_color, 0.7))); - -unico-glow-color: shade (@selected_bg_color, 0.85); - -unico-glow-radius: 12; + from (mix (shade (@selected_bg_color, 0.7), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 0.7), @bg_color, 0.3))); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.06))); + from (mix (shade (@selected_bg_color, 0.9), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 1.0), @bg_color, 0.3))); } .button.default:active:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 0.98))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 0.89)), - to (shade (@button_bg_color, 0.7))); - -unico-glow-color: shade (@selected_bg_color, 0.85); - -unico-glow-radius: 12; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.06))); -} + from (mix (shade (@selected_bg_color, 1.0), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 1.1), @bg_color, 0.3))); -.button.default:focused { - background-image: -gtk-gradient (linear, left top, left bottom, - from (mix (shade (@bg_color, 1.12), shade (@selected_bg_color, 0.65),0.2)), - to (mix (shade (@bg_color, 0.92), shade (@selected_bg_color, 0.65),0.2))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (mix (shade (@button_bg_color, 0.58), shade (@selected_bg_color, 0.35),0.3), 0.3)), - to (alpha (mix (shade (@button_bg_color, 0.58), shade (@selected_bg_color, 0.35),0.3), 0.3))); - -unico-outer-stroke-width: 1; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@selected_bg_color, 0.4),0.8)), - to (alpha (shade (@selected_bg_color, 0.3),0.9))); - + from (mix (shade (@selected_bg_color, 0.7), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 0.7), @bg_color, 0.3))); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.06))); + from (mix (shade (@selected_bg_color, 0.95), @bg_color, 0.3)), + to (mix (shade (@selected_bg_color, 1.05), @bg_color, 0.3))); } .button.default:insensitive { -unico-glow-radius: 0; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.08)), - to (shade (@button_insensitive_bg_color, 1.0))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.25), 0.6))); - -unico-outer-stroke-width: 1; } - /**************** * cell and row * ****************/ .cell { - border-radius: 0px; - border-width: 0px; + background-color: @base_color; + border-radius: 0; + border-width: 0; } .cell:selected { @@ -498,66 +482,54 @@ row:hover { row:insensitive { } -row:selected:focused { -} - row:selected { - background-image: -gtk-gradient (linear, left top, left bottom, + background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 1.06)), to (shade (@selected_bg_color, 0.94))); - border-color: shade (@selected_bg_color, 0.88); - border-style: solid; - border-width: 1px; - color: @selected_fg_color; + border-top-color: shade (@selected_bg_color, 0.88); + border-style: solid; + border-width: 1px 0 0 0; + + color: @selected_fg_color; } -/**************** - * Checkbuttons * - ****************/ +row:selected:focused { +} + +/******************* + * check and radio * + *******************/ +.check row:selected, +.radio row:selected, .check, .check row, .radio, .radio row { -background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color, 0.96)), - color-stop (0.10, shade (@base_color, 0.98)), - to (@base_color)); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.68)), - to (shade (@bg_color, 0.68))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02); - border-width: 1px; - border-style: solid; -} - -.check:hover, -.check row:hover, -.radio:hover, -.radio row:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color, 0.96)), - color-stop (0.10, shade (@base_color, 0.98)), - to (@base_color)); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.68)), - to (shade (@bg_color, 0.68))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02); - border-width: 1px; - border-style: solid; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@base_color, 0.96)), + to (@base_color)); + border-top-color: shade (@bg_color, 0.64); + border-right-color: shade (@bg_color, 0.76); + border-bottom-color: shade (@bg_color, 0.82); + border-left-color: shade (@bg_color, 0.76); + border-style: solid; + border-width: 1px; + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.06)), + to (alpha (shade (@bg_color, 0.05), 0.03))); + -unico-inner-stroke-width: 1px; } .check, .check row { - border-radius: 2px; + border-radius: 3px; } .radio, .radio row { - border-radius: 10px; + border-radius: 10px; } .check:active, @@ -567,24 +539,33 @@ background-image: -gtk-gradient (linear, left top, left bottom, .notebook .radio:active, .radio:active, .radio row:selected:active, -.radio row:selected:focused:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 1.1)), - to (shade (@selected_bg_color, 0.9))); - - -unico-bullet-color: @text_color; /* shade (@selected_fg_color, 1.0); */ - -unico-bullet-outline-color: shade (@selected_bg_color, 1.2); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 0.7)), - to (shade (@selected_bg_color, 0.7))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4); - -unico-outer-stroke-style: custom; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.05), 0.02)), - to (alpha (shade (@bg_color, 0.05), 0.08))); - border-width: 1px; - border-style: solid; +.radio row:selected:focused:active, +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focused:inconsistent, +.notebook .check:inconsistent, +.notebook .radio:inconsistent, +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focused:inconsistent { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.2)), + color-stop (0.5, shade (@selected_bg_color, 1.0)), + to (shade (@selected_bg_color, 0.9))); + + -unico-bullet-color: shade (@selected_bg_color, 0.535); + -unico-bullet-outline-color: shade (@selected_bg_color, 1.2); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.7)), + to (shade (@selected_bg_color, 0.7))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.3)), + to (shade (@selected_bg_color, 1.06))); + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.02)), + to (alpha (shade (@bg_color, 0.05), 0.06))); + -unico-outer-stroke-width: 1px; } .check:active:hover, @@ -594,85 +575,98 @@ background-image: -gtk-gradient (linear, left top, left bottom, .notebook .radio:active:hover, .radio:active:hover, .radio row:selected:active:hover, -.radio row:selected:focused:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 1.1)), - to (shade (@selected_bg_color, 0.9))); - - -unico-bullet-color: shade (@selected_fg_color, 1.0); - -unico-bullet-outline-color: shade (@selected_bg_color, 0.6); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 0.7)), - to (shade (@selected_bg_color, 0.7))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4); - -unico-outer-stroke-style: custom; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.05), 0.02)), - to (alpha (shade (@bg_color, 0.05), 0.08))); - border-width: 1px; - border-style: solid; +.radio row:selected:focused:active:hover, +.check:active:hover:inconsistent, +.check row:selected:active:hover:inconsistent, +.check row:selected:focused:active:hover:inconsistent, +.notebook .check:active:hover:inconsistent, +.notebook .radio:active:hover:inconsistent, +.radio:active:hover:inconsistent, +.radio row:selected:active:hover:inconsistent, +.radio row:selected:focused:active:hover:inconsistent { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.26)), + color-stop (0.5, shade (@selected_bg_color, 1.05)), + to (shade (@selected_bg_color, 0.95))); + + -unico-bullet-color: shade (@selected_bg_color, 0.56); + -unico-bullet-outline-color: shade (@selected_bg_color, 1.26); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.74)), + to (shade (@selected_bg_color, 0.74))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.37)), + to (shade (@selected_bg_color, 1.12))); +} + +.check row:selected, +.check row:selected:active, +.check row:selected:focused, +.check row:selected:focused:active, +.radio row:selected, +.radio row:selected:active, +.radio row:selected:focused, +.radio row:selected:focused:active { + -unico-outer-stroke-color: @transparent; + -unico-outer-stroke-gradient: none; } .check:insensitive, .radio:insensitive { - background-image: none; - background-color: shade (@bg_color, 0.96); - border-width: 1px; - border-style: solid; + background-color: shade (@bg_color, 0.96); + background-image: none; } .check:insensitive:active, -.radio:insensitive:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.96)), - to (shade (@bg_color, 0.9))); - - -unico-bullet-color: shade (@bg_color, 0.6); - -unico-bullet-outline-color: shade (@bg_color, 1.0); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.7))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2); - border-width: 1px; - border-style: solid; -} +.radio:insensitive:active, +.check:insensitive:inconsistent, +.radio:insensitive:inconsistent { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.96)), + to (shade (@bg_color, 0.9))); -/************ - * Columns * - ************/ + -unico-bullet-color: shade (@bg_color, 0.6); + -unico-bullet-outline-color: shade (@bg_color, 1.0); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.8)), + to (shade (@bg_color, 0.7))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.0)), + to (shade (@bg_color, 0.94))); +} +/***************** + * column-header * + *****************/ column-header .button, column-header .button:active, .notebook column-header .button, .notebook column-header .button:active { - -GtkButton-inner-border: 0; - border-radius: 0px; - border-width: 0px 1px 1px 0px; + border-radius: 0; + border-width: 0 1px 1px 0; -unico-focus-border-radius: 0; -unico-focus-border-color: @transparent; -unico-focus-fill-color: alpha (@selected_bg_color, 0.2); -unico-focus-outer-stroke-color: @transparent; + -unico-glow-radius: 0; -unico-outer-stroke-width: 0; } column-header .button, .notebook column-header .button { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@listview_header_gradient_a,0.99)), - color-stop (0.2,shade (@listview_header_gradient_a,1.02)), - to (shade (@listview_header_gradient_b,1.45))); + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.08)), + to (shade (@bg_color, 0.92))); text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.9)), - to (shade (@bg_color, 0.8))); + from (shade (@bg_color, 0.8)), + to (shade (@bg_color, 0.76))); -unico-glow-color: shade (@bg_color, 1.02); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.16)), @@ -682,8 +676,8 @@ column-header .button, column-header .button:hover, .notebook column-header .button:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.05)), - to (shade (@bg_color, 1.35))); + from (shade (@bg_color, 1.13)), + to (shade (@bg_color, 0.97))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.84)), @@ -694,32 +688,40 @@ column-header .button:hover, } column-header:nth-child(last) .button { - border-width: 0px 0px 1px 0px; + border-width: 0 0 1px 0; } /****************** * combobox entry * ******************/ +.primary-toolbar GtkComboBox.combobox-entry .entry, +.primary-toolbar GtkComboBox.combobox-entry .entry:active, +.primary-toolbar GtkComboBox.combobox-entry .entry:focused, +.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .entry:focused, GtkComboBox.combobox-entry .entry:insensitive { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-width: 1px 0px 1px 1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-width: 1px 0 1px 1px; - -unico-outer-stroke-width: 1 0 1 1; + -unico-outer-stroke-width: 1px 0 1px 1px; } +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:hover, GtkComboBox.combobox-entry .button:active, GtkComboBox.combobox-entry .button:insensitive { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; border-width: 1px 1px 1px 1px; - -unico-outer-stroke-width: 1 1 1 0; + -unico-outer-stroke-width: 1px 1px 1px 0; } GtkComboBox.combobox-entry .button, @@ -733,26 +735,36 @@ GtkComboBox.combobox-entry .button:insensitive { } /**************** - * Text Entries * + * drawing area * ****************/ -.entry, -.toolbar.entry { - background-color: @base_color; - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@base_color, 0.82)), - color-stop (0.12, shade (@base_color, 0.98)), - color-stop (0.16, shade (@base_color, 1.0)), - to (@base_color)); - border-radius: 3px; - border-width: 1px; - border-style: solid; - -unico-border-gradient: -gtk-gradient (linear, - left top, left bottom, - from (shade (@border_color_b, 1.00)), - to (shade (@border_color_a, 1.00))); - padding: 4px; - color: @text_color; +/* +GtkDrawingArea { + background-color: @transparent; +} +*/ + +/********* + * entry * + *********/ +.entry { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@base_color, 0.96)), + to (@base_color)); + border-top-color: shade (@bg_color, 0.64); + border-right-color: shade (@bg_color, 0.76); + border-bottom-color: shade (@bg_color, 0.82); + border-left-color: shade (@bg_color, 0.76); + border-radius: 3px; + border-style: solid; + padding: 3px 5px 3px 5px; + + color: @text_color; + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.04)), + to (alpha (shade (@bg_color, 0.05), 0.02))); + -unico-inner-stroke-width: 1px; } .entry:selected, @@ -771,26 +783,29 @@ GtkComboBox.combobox-entry .button:insensitive { } .entry:insensitive { - background-color: shade (@bg_color, 1.06); + background-color: shade (@bg_color, 0.96); background-image: none; + color: mix (@text_color, @base_color, 0.4); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (alpha (shade (@bg_color, 0.05), 0.04)), to (alpha (shade (@bg_color, 0.05), 0.02))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.25), 0.6))); - -unico-outer-stroke-width: 1; } -.primary-toolbar .toolbar .entry.progressbar, -.primary-toolbar.toolbar .entry.progressbar, +.primary-toolbar .entry.progressbar, +.primary-toolbar .entry.progressbar, .entry.progressbar { - background-color: @selected_bg_color; - color: @selected_fg_color; - border-width: 1px; - border-radius: 1px; - border-color: @progressbar_border; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.8)), + color-stop (0.1, shade (@selected_bg_color, 0.9)), + to (shade (@selected_bg_color, 1.1))); + border-radius: 3px; + border-width: 0; + + color: @selected_fg_color; + + -unico-outer-stroke-width: 0; } /************ @@ -804,38 +819,49 @@ GtkComboBox.combobox-entry .button:insensitive { * frame * *********/ .frame { - border-radius: 3px; - -unico-outer-stroke-width: 0; + border-radius: 3px; + + -unico-outer-stroke-width: 0; } /************ * iconview * ************/ -GtkViewport, -GtkIconView { - border-radius: 2px; - padding: 0px; -} - GtkIconView.view.cell:selected, GtkIconView.view.cell:selected:focused { - background-color: @selected_bg_color; - border-radius: 2px; -} + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.0)), + to (shade (@selected_bg_color, 0.9))); + border-radius: 4px; + border-style: solid; + border-width: 1px; -.view { - background-color: @base_color; - color: @fg_color; - border-radius: 0px; - border-width: 0px; + color: @selected_fg_color; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.7)), + to (shade (@selected_bg_color, 0.7))); + -unico-glow-radius: 8; + -unico-glow-color: shade (@selected_bg_color, 1.3); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.2)), + to (shade (@selected_bg_color, 1.08))); + -unico-inner-stroke-width: 1px; } .rubberband { - background-color: alpha (@selected_bg_color, 0.35); - border-color: @selected_bg_color; - border-style: solid; - border-width: 1px; - border-radius: 0px; + background-color: alpha (@selected_bg_color, 0.35); + border-color: @selected_bg_color; + border-radius: 0; + border-style: solid; + border-width: 1px; +} + +/********* + * image * + *********/ +GtkImage { + background-color: @transparent; } /*********** @@ -856,7 +882,7 @@ GtkIconView.view.cell:selected:focused { -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@info_bg_color, 1.1)), to (shade (@info_bg_color, 1.04))); - -unico-inner-stroke-width: 1; + -unico-inner-stroke-width: 1px; } .warning { @@ -874,7 +900,7 @@ GtkIconView.view.cell:selected:focused { -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@warning_bg_color, 1.1)), to (shade (@warning_bg_color, 1.04))); - -unico-inner-stroke-width: 1; + -unico-inner-stroke-width: 1px; } .question { @@ -892,7 +918,7 @@ GtkIconView.view.cell:selected:focused { -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@question_bg_color, 1.1)), to (shade (@question_bg_color, 1.04))); - -unico-inner-stroke-width: 1; + -unico-inner-stroke-width: 1px; } .error { @@ -910,98 +936,346 @@ GtkIconView.view.cell:selected:focused { -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@error_bg_color, 1.1)), to (shade (@error_bg_color, 1.04))); - -unico-inner-stroke-width: 1; + -unico-inner-stroke-width: 1px; } /******** - * Menu * + * menu * ********/ - -.menubar { - -GtkWidget-window-dragging: true; - background-color: #e0e0e0; - color: #333333; -} - -.menuitem { - -unico-bullet-color: @fg_color; - border-radius: 0px; - padding: 4px; -} - -.menuitem:prelight { - border-style: solid; - border-color: #7196B5; - color: #ffffff; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (#88ABC7), - to (#7EA3BF)); -} - -.menuitem *:hover, -.menubar .menuitem *:prelight { - color: #ffffff; +.menu { + background-color: shade (@base_color, 1.08); + border-bottom-color: shade (@bg_color, 0.66); + border-left-color: shade (@bg_color, 0.7); + border-right-color: shade (@bg_color, 0.7); + border-top-color: shade (@bg_color, 0.8); border-style: solid; - border-radius: 0px; -} - -.menuitem:insensitive, -.menuitem *:insensitive { - color: #333333; + padding: 0; + color: @fg_color; + -unico-inner-stroke-gradient: none; + -unico-inner-stroke-width: 1px 1px 0 1px; } -.menu { - background-color: #ffffff; - color: #333333; - padding: 1px; - border-style: solid; - border-color: #8a8a8a; - border-width: 1px; - border-radius: 0px; -} -/****************** - * resize-grip * - ******************/ -.grip { - -unico-centroid-texture: url("../gtk-2.0/images/resizer.png"); +Genericmenuitem .menu, +DbusmenuGtkMenu .menu, +.menubar .menu, +.primary-toolbar .menu { + background-color: shade (@base_color, 1.08); + border-bottom-color: shade (@bg_color, 0.96); + border-left-color: shade (@bg_color, 0.86); + border-right-color: shade (@bg_color, 0.86); + border-top-color: shade (@bg_color, 0.96); + color: @fg_color; + -unico-inner-stroke-color: shade (@bg_color, 1.12); } -/******************* - * Notebook & Tabs * - *******************/ -.notebook { - padding: 2px; - border-radius: 4px; - background-color: shade (@bg_color, 1.05); +.menu:selected { + background-color: @selected_bg_color; } -.notebook tab { - border-radius: 4px; - padding: 6px; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.87)), - to (shade (@bg_color, 0.82))); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.75)), - to (shade (@bg_color, 0.7))); - -unico-inner-stroke-color: alpha (shade (@bg_color, 0.8), 0.3); - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; -} +.menubar .menu.button:hover, +.menubar .menu.button:active, +.menubar .menu.button:active:insensitive, +.menubar .menu.button:insensitive, +.menubar .menu.button, +.primary-toolbar .menu.button:hover, +.primary-toolbar .menu.button:active, +.primary-toolbar .menu.button:active:insensitive, +.primary-toolbar .menu.button:insensitive, +.primary-toolbar .menu.button { + background-color: shade (@base_color, 1.08); + background-image: none; + border-radius: 0; + border-style: none; + border-width: 1px; -.notebook tab:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.1)), - to (shade (@bg_color, 1.05))); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.7)), - to (shade (@bg_color, 0.66))); - -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3); - -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1px; -padding: 10px 4px 4px 4px; + -unico-border-gradient: none; + -unico-glow-radius: 0; + -unico-inner-stroke-width: 0; + -unico-outer-stroke-width: 0; +} + +/*********** + * menubar * + ***********/ +.menubar { + -GtkWidget-window-dragging: true; + + background-color: @bg_color; + background-image: none; + border-width: 0; + + color: @dark_fg_color; + text-shadow: 0 1 shade (@bg_color, 1.1); + + -unico-border-gradient: none; +} + +/*************** + * menubaritem * + ***************/ +.menubar.menuitem { + border-radius: 4px 4px 0 0; + border-width: 1px 1px 0 1px; + + color: @fg_color; +} + +.menubar.menuitem:hover, +.menubar .menuitem:hover { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.16)), + to (shade (@bg_color, 1.02))); + + color: @fg_color; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.88)), + to (shade (@bg_color, 0.9))); + -unico-glow-radius: 0; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.3)), + to (shade (@bg_color, 1.06))); + -unico-inner-stroke-width: 1px; +} + +/************ + * menuitem * + ************/ +.menuitem { + color: @fg_color; +} + +.menuitem { + border-radius: 0; + border-style: solid; + border-width: 1px; + padding: 3px 2px 3px 2px; + + -unico-inner-stroke-width: 1px; +} + +Genericmenuitem .menuitem, +DbusmenuGtkMenu .menuitem, +.menubar .menuitem, +.primary-toolbar .menuitem { + color: @fg_color; +} + +.menuitem:hover, +.menu .menuitem:hover { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.1)), + to (shade (@selected_bg_color, 0.9))); + + color: @selected_fg_color; + + -unico-bullet-color: @dark_fg_color; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.8)), + to (shade (@selected_bg_color, 0.8))); + -unico-glow-color: shade (@selected_bg_color, 1.1); + -unico-glow-radius: 6; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.2)), + to (shade (@selected_bg_color, 1.0))); +} + +.menuitem.check:active, +.menuitem.radio:active { + color: @fg_color; + + -unico-bullet-color: @fg_color; +} + +.menuitem:insensitive, +.menuitem *:insensitive { + color: mix (@fg_color, @bg_color, 0.5); + text-shadow: 0 1 shade (@bg_color, 1.14); +} + +Genericmenuitem .menuitem:insensitive, +Genericmenuitem .menuitem *:insensitive, +DbusmenuGtkMenu .menuitem:insensitive, +DbusmenuGtkMenu .menuitem *:insensitive, +.menubar .menuitem:insensitive, +.menubar .menuitem *:insensitive, +.primary-toolbar .menuitem:insensitive, +.primary-toolbar .menuitem *:insensitive { + color: mix (@fg_color, @bg_color, 0.5); + text-shadow: 0 1 shade (@bg_color, 1.1); +} + +Genericmenuitem .menuitem.check:active, +Genericmenuitem .menuitem.radio:active, +DbusmenuGtkMenu .menuitem.check:active, +DbusmenuGtkMenu .menuitem.radio:active, +.menubar .menuitem.check:active, +.menubar .menuitem.radio:active, +.primary-toolbar .menuitem.check:active, +.primary-toolbar .menuitem.radio:active { + color: @fg_color; + + -unico-bullet-color: @fg_color; +} + +.menuitem.check:active:hover, +.menuitem.radio:active:hover { + color: @selected_fg_color; + + -unico-bullet-color: @selected_fg_color; +} + +.menubar .menuitem GtkCalendar, +.menubar .menuitem GtkCalendar.button, +.menubar .menuitem GtkCalendar.header, +.menubar .menuitem GtkCalendar.view, +.primary-toolbar .menuitem GtkCalendar, +.primary-toolbar .menuitem GtkCalendar.button, +.primary-toolbar .menuitem GtkCalendar.header, +.primary-toolbar .menuitem GtkCalendar.view { + background-color: @bg_color; + background-image: none; + border-radius: 0; + border-style: solid; + border-width: 0; + padding: 0; + + color: @fg_color; +} + +.menubar .menuitem GtkCalendar, +.primary-toolbar .menuitem GtkCalendar { + background-color: shade (@bg_color, 1.3); + background-image: none; +} + +.menubar .menuitem .entry, +.primary-toolbar .menuitem .entry { + background-color: shade (@bg_color, 1.3); + background-image: none; + + color: @fg_color; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 0.9))); + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.98)), + to (shade (@bg_color, 1.1)));; +} + +.menubar .menuitem GtkScale.trough { + background-color: @bg_color; + background-image: none; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 1.15))); +} + +Genericmenuitem .menuitem .accelerator, +DbusmenuGtkMenu .menuitem .accelerator, +.menubar .menuitem .accelerator, +.primary-toolbar .menuitem .accelerator { + color: alpha (@fg_color, 0.6); +} + +Genericmenuitem .menuitem .accelerator:hover, +DbusmenuGtkMenu .menuitem .accelerator:hover. +.menubar .menuitem .accelerator:hover, +.primary-toolbar .menuitem .accelerator:hover { + color: alpha (@selected_fg_color, 0.8); +} + +Genericmenuitem .menuitem .accelerator:insensitive, +DbusmenuGtkMenu .menuitem .accelerator:insensitive, +.menubar .menuitem .accelerator:insensitive, +.primary-toolbar .menuitem .accelerator:insensitive { + color: alpha (mix (@fg_color, @bg_color, 0.5), 0.6); +} + +/************ + * notebook * + ************/ +.notebook { + background-color: shade (@bg_color, 1.02); + background-image: none; + border-radius: 3px; + padding: 3px; + + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3); + -unico-inner-stroke-gradient: none; +} + +.notebook tab { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.97)), + color-stop (0.80, shade (@bg_color, 0.95)), + to (shade (@bg_color, 0.92))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.86)), + to (shade (@bg_color, 0.84))); + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.34); + -unico-inner-stroke-gradient: none; + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-color: @transparent; + -unico-outer-stroke-gradient: none; + -unico-outer-stroke-width: 1px; +} + +.notebook tab GtkLabel:active { + color: @fg_color; +} + +.notebook tab GtkLabel { + color: shade (@bg_color, 0.48); +} + +.notebook tab.top:active { + padding: 3px 7px 1px 7px; +} + +.notebook tab.top { + padding: 2px 5px 0 5px; +} + +.notebook tab.right:active { + padding: 4px 6px 4px 1px; +} + +.notebook tab.right { + padding: 3px 4px 3px 0; +} + +.notebook tab.bottom:active { + padding: 1px 7px 4px 7px; +} + +.notebook tab.bottom { + padding: 0 5px 3px 5px; +} + +.notebook tab.left:active { + padding: 4px 1px 4px 6px; +} + +.notebook tab.left { + padding: 3px 0 3px 4px; +} +.notebook tab:active { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.1)), + to (shade (@bg_color, 1.02))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.84)), + to (shade (@bg_color, 0.8))); +} + +.notebook tab .button { + padding: 0; } /****************** @@ -1010,291 +1284,243 @@ padding: 10px 4px 4px 4px; .sidebar .pane-separator, .pane-separator { background-color: @transparent; - border-color: shade (@bg_color, 0.8); + border-color: shade (@bg_color, 0.84); -unico-border-gradient: none; - -unico-inner-stroke-color: @bg_color; + -unico-inner-stroke-color: shade (@bg_color, 1.1); -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1; + -unico-inner-stroke-width: 1px; } -/*************** - * progressbar * - ***************/ -/* progress component */ +/************************* + * progressbar and scale * + *************************/ +GtkScale, +GtkProgressBar { + border-radius: 12px; + border-width: 1px; + padding: 1px; +} + +.menubar .menuitem .scale.highlight.left, +.scale.highlight.left, .progressbar, .progressbar row, .progressbar row:hover, .progressbar row:selected, .progressbar row:selected:focused { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@progressbar_background_a,1.04)), - to (shade (@progressbar_background_b,0.98))); - border-radius: 12px; - border-style: solid; - border-width: 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@progressbar_border, 1.25)), - to (shade (@progressbar_border, 1.0))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (@base_color, 0.5)), - to (alpha (shade (@button_bg_color, 1.26), 0.0))); -} - -.progressbar.vertical, -.progressbar.vertical row, -.progressbar.vertical row:hover, -.progressbar.vertical row:selected, -.progressbar.vertical row:selected:focused { - background-image: -gtk-gradient (linear, - left top, right top, - from (shade (@progressbar_background_a,1.04)), - to (shade (@progressbar_background_b,0.98))); - - border-radius: 12px; - border-style: solid; - border-width: 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, right top, - from (shade (@progressbar_border, 1.25)), - to (shade (@progressbar_border, 1.0))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, right top, - from (alpha (@base_color, 0.5)), - to (alpha (shade (@button_bg_color, 1.26), 0.0))); -} - -/* through component */ -GtkProgressBar, -.trough row { - padding: 0px; -} - -GtkProgressBar.trough, -.trough row, -.trough row:hover { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade(@bg_color,0.8)), - to (shade(@bg_color,1.0))); + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.13)), + to (shade (@selected_bg_color, 0.9))); + border-style: solid; + border-width: 1px; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.75)), + to (shade (@selected_bg_color, 0.75))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 1.22)), + to (shade (@selected_bg_color, 1.0))); + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-color: @transparent; + -unico-outer-stroke-gradient: none; + -unico-outer-stroke-width: 0; +} + +.scale.highlight.bottom, +.progressbar.vertical { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@selected_bg_color, 1.13)), + to (shade (@selected_bg_color, 0.9))); + border-style: solid; + border-width: 1px; - border-width: 1px; - border-style: solid; - border-radius: 12px; - border-color: shade (@progressbar_through_border, 0.9); + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@selected_bg_color, 0.75)), + to (shade (@selected_bg_color, 0.75))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@selected_bg_color, 1.22)), + to (shade (@selected_bg_color, 1.0))); +} + +.scale.highlight.left:insensitive { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.95)), + to (shade (@bg_color, 0.85))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 0.75))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.97)), + to (shade (@bg_color, 0.865))); } -GtkProgressBar.trough.vertical, -.trough.vertical row, -.trough.vertical row:hover { - background-image: -gtk-gradient (linear, - left top, right top, - from (shade(@bg_color,0.8)), - to (shade(@bg_color,1.0))); +.scale.highlight.bottom:insensitive { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.95)), + to (shade (@bg_color, 0.85))); - border-width: 1px; - border-style: solid; - border-radius: 12px; - border-color: shade (@progressbar_through_border, 0.9); + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 0.75))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.97)), + to (shade (@bg_color, 0.865))); } +.trough, +.trough row, +.trough row:hover, .trough row:selected, .trough row:selected:focused { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)), - to (mix (@trough_bg_color_b, @selected_bg_color, 0.25))); + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.92)), + to (shade (@bg_color, 0.96))); + border-style: solid; + border-width: 1px; + + color: @text_color; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 1.05))); + -unico-outer-stroke-width: 0; } -.trough.vertical row:selected, -.trough.vertical row:selected:focused { - background-image: -gtk-gradient (linear, - left top, right top, - from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)), - to (mix (@trough_bg_color_b, @selected_bg_color, 0.25))); +.trough.vertical { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.92)), + to (shade (@bg_color, 0.96))); + + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.75)), + to (shade (@bg_color, 1.05))); } -/************ - * scale * - ************/ GtkScale { - -GtkScale-slider-length: 13; - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 1; - -GtkRange-show-fill-level: 1; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.9))); - border-style: solid; + -GtkRange-slider-width: 22; + -GtkRange-trough-border: 0; + -GtkScale-slider-length: 14; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 0.85)), - to (shade (@button_bg_color, 0.67))); + -unico-glow-radius: 0; +} - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.16)), - to (shade (@button_bg_color, 1.015))); - -unico-inner-stroke-width: 0; - border-radius: 12px; +GtkScale.vertical { + -GtkScale-slider-length: 13; } -GtkScale:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 0.98))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 0.89)), - to (shade (@button_bg_color, 0.7))); - -unico-glow-color: shade (@selected_bg_color, 0.85); - -unico-glow-radius: 12; - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.06))); +GtkScale.slider { + background-image: url("assets/slider.png"); } -GtkScale.progressbar { - background-color: @dark_bg_color; +.menubar .menuitem GtkScale.slider:hover, +GtkScale.slider:hover { + background-image: url("assets/slider_prelight.png"); } -GtkScale.trough { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.92)), - to (shade (@bg_color, 0.96))); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.8))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.25), 0.6))); - -unico-outer-stroke-width: 1; +GtkScale.slider:insensitive { + background-image: url("assets/slider_insensitive.png"); } -GtkScale.trough.vertical { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.92)), - to (shade (@bg_color, 0.96))); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.8))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, right top, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 1.2), 0.6))); - -unico-outer-stroke-width: 1px; +GtkScale.slider.vertical { + background-image: url("assets/slider_vertical.png"); +} + +GtkScale.slider.vertical:hover { + background-image: url("assets/slider_prelight_vertical.png"); +} + +GtkScale.slider.vertical:insensitive { + background-image: url("assets/slider_vertical_insensitive.png"); +} + +GtkScale.mark { + border-color: shade (@bg_color, 0.8); } /************* * scrollbar * *************/ .scrollbar { - background-image: none; - border-style: solid; - -GtkRange-trough-border: 3; - -GtkRange-arrow-scaling: 0.0; - -GtkRange-slider-width: 9; - -GtkRange-stepper-size: 0; - -GtkScrollbar-min-slider-length: 50; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; - -unico-inner-stroke-style: none; -} - -/* Through */ + -GtkScrollbar-has-backward-stepper: 0; + -GtkScrollbar-has-forward-stepper: 0; + -GtkRange-slider-width: 13; + + border-radius: 20px; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.74)), + to (shade (@bg_color, 0.74))); +} + +.scrollbar.trough, .scrollbar.trough.vertical { - background-image: -gtk-gradient (linear, - left top, right top, - from (shade (@trough_bg_color_b, 1.05)), - to (shade (@trough_bg_color_a,1.3))); - background-color: shade (@bg_color, 0.882); - border-radius: 0px; - border-width: 0px; - border-style: none; + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.9)), + to (shade (@bg_color, 0.95))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.74)), + to (shade (@bg_color, 0.74))); } .scrollbar.trough.horizontal { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@trough_bg_color_b, 1.05)), - to (shade (@trough_bg_color_a,1.3))); - background-color: shade (@bg_color, 0.882); - border-radius: 0px; - border-width: 0px; - border-style: none; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.9)), + to (shade (@bg_color, 0.95))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.74)), + to (shade (@bg_color, 0.74))); } -/* Sliders and buttons */ +.scrollbar.slider, +.scrollbar.slider:hover, +.scrollbar.button, .scrollbar.slider.vertical, +.scrollbar.slider.vertical:hover, .scrollbar.button.vertical { - background-image: -gtk-gradient (linear, - left top, right top, - from (@scrollslider_gradient_a), - to (shade(@scrollslider_gradient_a,0.95))); - background-color: @base_color; - border-color: shade(@scrollslider_border,1.1); - border-radius: 10px; - border-width: 1px; -} - -.scrollbar.slider.vertical:prelight { - background-image: -gtk-gradient (linear, - left top, right top, - from (shade (@scrollslider_gradient_a, 0.94)), - to (shade (@scrollslider_gradient_a, 0.9))); - background-color: @base_color; - border-color: shade (@scrollslider_border, 1.05); -} - -.scrollbar.slider.vertical:prelight:active { - background-image: -gtk-gradient (linear, - left top, right top, - from (shade (@scrollslider_gradient_a, 0.94)), - to (shade (@scrollslider_gradient_b, 0.9))); - background-color: @base_color; - border-color: shade (@scrollslider_border, 1.05); -} + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 1.08)), + to (shade (@bg_color, 0.92))); -.scrollbar.slider.horizontal, -.scrollbar.button.horizontal { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (@scrollslider_gradient_a), - to (shade(@scrollslider_gradient_a,0.95))); - background-color: @base_color; - border-color: shade (@scrollslider_border, 1.05); - border-radius: 10px; - border-width: 1px; + -unico-border-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.74)), + to (shade (@bg_color, 0.74))); + -unico-centroid-texture: url("assets/scrollbar_handle_vertical.png"); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 1.2)), + to (shade (@bg_color, 1.0))); + -unico-inner-stroke-width: 1px; } -.scrollbar.slider.horizontal:prelight { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@scrollslider_gradient_a, 0.94)), - to (shade (@scrollslider_gradient_a, 0.9))); - background-color: @base_color; - border-color: @scrollslider_border; -} +.scrollbar.slider.horizontal, +.scrollbar.slider.horizontal:hover, +.scrollbar.button.horizontal { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.08)), + to (shade (@bg_color, 0.92))); -.scrollbar.slider.horizontal:prelight:active { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@scrollslider_gradient_a, 0.94)), - to (shade (@scrollslider_gradient_b, 0.9))); - background-color: @base_color; - border-color: shade (@scrollslider_border, 1.05); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.74)), + to (shade (@bg_color, 0.74))); + -unico-centroid-texture: url("assets/scrollbar_handle.png"); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.16)), + to (shade (@bg_color, 1.0))); } -.scrollbar.slider:insensitive { - background-color: @base_color; +.scrollbar.button, +.scrollbar.button:insensitive { + -unico-outer-stroke-width: 0; } -.scrollbar.trough:insensitive { - background-color: shade (@bg_color, 0.882); +/* overlay scrollbar */ +OsThumb { + color: shade (@fg_color, 1.6); } -/* overlay scrollbar */ OsThumb:selected, OsScrollbar:selected { background-color: @selected_bg_color; @@ -1318,7 +1544,7 @@ GtkScrolledWindow.frame { border-right-color: shade (@bg_color, 0.76); border-bottom-color: shade (@bg_color, 0.86); border-left-color: shade (@bg_color, 0.76); - border-radius: 0px; + border-radius: 0; border-style: solid; -unico-border-gradient: none; @@ -1330,11 +1556,11 @@ GtkScrolledWindow.frame { * separator * *************/ .separator { - border-color: shade (@bg_color, 0.8); + border-color: shade (@bg_color, 0.86); border-style: solid; -unico-border-gradient: none; - -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4); + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6); -unico-inner-stroke-gradient: none; } @@ -1342,7 +1568,7 @@ GtkScrolledWindow.frame { .button.separator { border-color: shade (@button_bg_color, 0.84); - -unico-inner-stroke-color: alpha (shade (@button_bg_color, 1.26), 0.4); + -unico-inner-stroke-color: alpha (shade (@button_bg_color, 1.26), 0.5); -unico-inner-stroke-gradient: none; } @@ -1350,7 +1576,7 @@ GtkScrolledWindow.frame { .notebook .button.separator { border-color: shade (@bg_color, 0.9); - -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4); + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6); -unico-inner-stroke-gradient: none; } @@ -1366,14 +1592,20 @@ GtkScrolledWindow.frame { .notebook .button.separator { border-color: shade (@bg_color, 0.84); - -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4); + -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5); -unico-inner-stroke-gradient: none; } .menuitem.separator { -GtkMenuItem-horizontal-padding: 0; - padding: 2px 0px 2px 0px; - border-color: shade (@dark_bg_color, 0.86); + -GtkWidget-separator-height: 4; +} + +Genericmenuitem .menuitem.separator, +DbusmenuGtkMenu .menuitem.separator, +.menubar .menuitem.separator, +.primary-toolbar .menuitem.separator { + border-color: shade (@dark_bg_color, 0.96); -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.5); } @@ -1382,503 +1614,482 @@ GtkScrolledWindow.frame { * sidebar * ***********/ .sidebar, -.sidebar.view { - background-color: shade (@sidebar_color, 1.00); +.sidebar .view { } -.sidebar.view:selected { - background-color: shade (@selected_bg_color, 0.8); - color: @selected_fg_color; +.sidebar row:selected { + text-shadow: 0 1 shade (@selected_bg_color, 0.7); } -/*************** - * Spinbuttons * - ***************/ -GtkSpinButton.button, -GtkSpinButton.button:prelight, -GtkSpinButton.button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.05)), - to (shade (@bg_color, 0.98))); - border-width: 0px 0px 0px 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.65)), - to (shade (@bg_color, 0.7))); +.sidebar .frame { + border-width: 0; } -GtkSpinButton.button:insensitive { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.8))); - border-width: 1px; - -unico-outer-stroke-width: 1px 1px 1px 0px; +/************** + * spinbutton * + **************/ +.spinbutton.button:active, +.spinbutton.button:insensitive, +.notebook .spinbutton.button:active, +.notebook .spinbutton.button:insensitive, +.spinbutton.button, +.notebook .spinbutton.button { + border-radius: 0; + border-width: 1px 0 1px 1px; + + -unico-outer-stroke-width: 0; +} + +.spinbutton.button:active:nth-child(last), +.spinbutton.button:insensitive:nth-child(last), +.notebook .spinbutton.button:active:nth-child(last), +.notebook .spinbutton.button:insensitive:nth-child(last), +.spinbutton.button:nth-child(last), +.notebook .spinbutton.button:nth-child(last) { + border-radius: 0 3px 3px 0; + border-width: 1px; +} + +.spinbutton.button, +.notebook .spinbutton.button { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.1)), + to (shade (@bg_color, 0.9))); + border-top-color: shade (@bg_color, 0.64); + border-right-color: shade (@bg_color, 0.76); + border-bottom-color: shade (@bg_color, 0.82); + border-left-color: shade (@bg_color, 0.76); + + -unico-border-gradient: none; +} + +.spinbutton, +.spinbutton:hover { + color: @fg_color; } /*********** * spinner * ***********/ -.menu.spinner, -.primary-toolbar .toolbar .spinner, -.primary-toolbar.toolbar .spinner { - color: @selected_bg_color; +.spinner { } /************* * statusbar * *************/ GtkStatusbar { - padding: 5px; - color: @fg_color; - -GtkStatusbar-shadow-type: none; } -GtkStatusbar .frame { - border-width: 0px; +/********** + * switch * + **********/ +GtkSwitch { + border-radius: 4px; + padding: 0; } -/************ - * Switches * - ************/ -GtkSwitch { - border-style: solid; - border-radius: 1px; - background-image: -gtk-gradient (linear, - left top, left bottom, - from (@button_gradient_color_a), - to (@button_gradient_color_b)); +GtkSwitch.trough { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.83)), + to (shade (@bg_color, 0.89))); - -unico-border-gradient: -gtk-gradient (linear, - left top, left bottom, - from (@border_color_a), - to (@border_color_b)); + color: @fg_color; + text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (@base_color, 0.9)), - to (alpha (shade (@button_bg_color, 1.26), 0.0))); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.6)), + to (shade (@bg_color, 0.65))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.78)), + to (shade (@bg_color, 0.86))); + -unico-inner-stroke-width: 1px; } -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))); +GtkSwitch.trough:active { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.93)), + to (shade (@selected_bg_color, 0.99))); + + color: @selected_fg_color; + text-shadow: 0 -1 shade (@selected_bg_color, 0.7); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@border_color_b, 1.00)), - to (shade (@border_color_a, 1.00))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (@fg_color, 0.2)), - to (alpha (shade (@button_bg_color, 1.26), 0.0))); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.7)), + to (shade (@selected_bg_color, 0.76))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.86)), + to (shade (@selected_bg_color, 0.94))); } -GtkSwitch.trough:active { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@selected_bg_color, 0.9)), - to (shade (@selected_bg_color, 1.0))); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@border_color_b, 1.00)), - to (shade (@border_color_a, 1.00))); - -unico-inner-stroke-style: custom; - -unico-inner-stroke-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (shade (@selected_bg_color, 0.6),0.2)), - to (alpha (shade (@selected_bg_color, 1.26), 0.0))); - color: @base_color; +GtkSwitch.trough:insensitive { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.93)), + to (shade (@bg_color, 0.99))); + + color: shade (@bg_color, 0.6); + text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.7)), + to (shade (@bg_color, 0.75))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.88)), + to (shade (@bg_color, 0.965))); +} + +GtkSwitch.slider { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.1)), + to (shade (@bg_color, 0.9))); + border-style: solid; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.65)), + to (shade (@bg_color, 0.6))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.2)), + to (shade (@bg_color, 0.96))); + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-width: 0; +} + +GtkSwitch.slider:insensitive { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.7)), + to (shade (@bg_color, 0.75))); +} + +/************ + * textview * + ************/ +GtkTextView { + background-color: @base_color; } /*********** * toolbar * ***********/ .toolbar { - border-style: none; -} - -/* handlebox */ -GtkHandleBox { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color,0.99)), - to (shade (@toolbar_gradient_base,0.9))); - border-style: solid; - border-bottom-color: shade (@bg_color,0.71); - border-width: 0px 0px 1px 0px; - -unico-inner-stroke-color: shade (@bg_color, 0.6); + border-style: none; } /* primary-toolbar */ +.primary-toolbar, .primary-toolbar .toolbar, .primary-toolbar.toolbar { - -GtkWidget-window-dragging: true; - - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color,1.0)), - to (shade (@toolbar_gradient_final,0.85))); - - border-style: solid; - border-width: 0px 0px 1px 0px; - padding: 2px; - - color: @fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@toolbar_border, 0.0)), - to (shade (@bg_color,0.71))); - -unico-inner-stroke-color: shade (@bg_color, 1.1); - -unico-inner-stroke-width: 0; -} - -.primary-toolbar .toolbar :insensitive, -.primary-toolbar.toolbar :insensitive { - text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4); -} - -.primary-toolbar .toolbar GtkComboBox, -.primary-toolbar.toolbar GtkComboBox, -.primary-toolbar .toolbar .button, -.primary-toolbar.toolbar .button { - border-radius: 3px; - background-image: -gtk-gradient (linear, - left top, left bottom, - from (@button_gradient_color_a), - to (@button_gradient_color_b)); - - -unico-focus-border-radius: 4; - -unico-focus-border-color: alpha (@selected_bg_color, 0.5); - -unico-focus-fill-color: alpha (@selected_bg_color, 0.2); - -unico-focus-outer-stroke-color: @transparent; - - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; -} - -.primary-toolbar .toolbar .raised .button, -.primary-toolbar.toolbar .raised .button, -.primary-toolbar .toolbar .raised.button, -.primary-toolbar.toolbar .raised.button, -.primary-toolbar .toolbar .button:hover, -.primary-toolbar.toolbar .button:hover, -.primary-toolbar .toolbar .button:active, -.primary-toolbar.toolbar .button:active, -.primary-toolbar .toolbar .button:insensitive, -.primary-toolbar.toolbar .button:insensitive { - + -GtkWidget-window-dragging: true; + + background-image: -gtk-gradient (linear, left top, left bottom, + from (@toolbar_base), + to (@toolbar_final)); + border-bottom-color: @toolbar_border; + border-top-color: @bg_color; + border-style: solid; + border-width: 1px 0 1px 0; + padding: 2px; + + color: @fg_color; + text-shadow: 0 1 shade (@bg_color, 1.1); + + -unico-border-gradient: none; + -unico-inner-stroke-gradient: none; + -unico-inner-stroke-top-color: @bg_color; + -unico-inner-stroke-width: 1px 0 0 0; +} + +.primary-toolbar :insensitive { + text-shadow: 0 1 shade (@dark_bg_color, 1.1); +} + +.primary-toolbar GtkComboBox, +.primary-toolbar .button *, +.primary-toolbar .button { + background-color: @transparent; + background-image: none; + border-color: @transparent; + border-radius: 3px; + border-width: 1px; + padding: 2px; + + color: @dark_fg_color; + text-shadow: 0 1 alpha (shade (@dark_bg_color, 1.25), 0.32); + + transition: 0ms ease-in-out; + + -unico-focus-border-radius: 4; + -unico-focus-border-color: alpha (@selected_bg_color, 0.5); + -unico-focus-fill-color: alpha (@selected_bg_color, 0.2); + -unico-focus-outer-stroke-color: @transparent; + + -unico-border-gradient: none; + -unico-glow-radius: 0; + -unico-inner-stroke-width: 0; + -unico-outer-stroke-width: 0; +} + +.primary-toolbar .raised .button, +.primary-toolbar .raised.button, +.primary-toolbar .button:hover, +.primary-toolbar .button:active, +.primary-toolbar .button:insensitive { + border-width: 1px; + + transition: 0ms ease-in-out; + + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@dark_bg_color, 1.08), 0.25)), + to (alpha (shade (@dark_bg_color, 1.08), 0.75))); + -unico-outer-stroke-width: 1px; } .primary-toolbar GtkComboBox.combobox-entry .button { - -unico-inner-stroke-width: 1; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 1.2), 0.25)), - to (alpha (shade (@bg_color, 1.2), 0.35))); + -unico-inner-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@dark_bg_color, 1.08), 0.25)), + to (alpha (shade (@dark_bg_color, 1.08), 0.75))); } .primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar .toolbar .raised .button, -.primary-toolbar.toolbar .raised .button, -.primary-toolbar .toolbar .raised.button, -.primary-toolbar.toolbar .raised.button, -.primary-toolbar .toolbar .button:hover, -.primary-toolbar.toolbar .button:hover { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade (@button_hover_gradient_color_a,1.05)), - to (shade (@button_hover_gradient_color_b,0.95))); - - -unico-outer-stroke-style: custom; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.05), 0.05)), - to (alpha (shade (@bg_color, 0.05), 0.09))); - -unico-outer-stroke-width: 1; - -unico-glow-color:alpha (@selected_bg_color,0.2); - - -unico-border-gradient: -gtk-gradient (linear, - left top, left bottom, - from (alpha (@border_color_a, 0.70)), - to (alpha (@border_color_b, 0.70))); -} - -.primary-toolbar .toolbar .raised .button:hover, -.primary-toolbar.toolbar .raised .button:hover, -.primary-toolbar .toolbar .raised.button:hover, -.primary-toolbar.toolbar .raised.button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); -} - -.primary-toolbar .toolbar raised.button:active, -.primary-toolbar.toolbar raised.button:active, -.primary-toolbar .toolbar .button:active, -.primary-toolbar.toolbar .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.9)), - to (shade (@bg_color, 0.85))); - color: @fg_color; - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.6)), - to (shade (@bg_color, 0.6))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_bg_color, 0.0)), - to (shade (@button_bg_color, 1.02))); - -unico-glow-radius: 0; - -unico-inner-stroke-color: shade (@bg_color, 0.8); - -unico-inner-stroke-width: 1 1 0 1; - -unico-outer-stroke-width: 1; - -unico-focus-outer-stroke-color: @transparent; - -} - -.primary-toolbar .toolbar .button:active:hover, -.primary-toolbar.toolbar .button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.95)), - to (shade (@bg_color, 0.9))); - color: @fg_color; - -unico-glow-color: shade (@selected_bg_color,0.7); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.6)), - to (shade (@bg_color, 0.6))); - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_bg_color, 0.0)), - to (shade (@button_bg_color, 1.02))); - -unico-inner-stroke-color: shade (@bg_color, 0.85); - -unico-inner-stroke-width: 1 1 0 1; - -unico-outer-stroke-width: 1; - -unico-focus-outer-stroke-color: @transparent; -} - -.primary-toolbar .toolbar .button:active:insensitive, -.primary-toolbar.toolbar .button:active:insensitive, -.primary-toolbar .toolbar .button:insensitive, -.primary-toolbar.toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.04)), - to (shade (@button_insensitive_bg_color, 0.96))); - - text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4); - - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.8)), - to (shade (@button_insensitive_bg_color, 0.8))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.08)), - to (shade (@button_insensitive_bg_color, 1.0))); -} - -.primary-toolbar .toolbar .button:insensitive, -.primary-toolbar.toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_insensitive_bg_color, 0.00)), - to (alpha (@button_insensitive_bg_color, 0.00))); - - text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4); - - border-width: 0px; - -unico-inner-stroke-width: 0; - -unico-outer-stroke-width: 0; - -unico-border-gradient: none; - -unico-inner-stroke-gradient: none; -} - -.primary-toolbar .toolbar .button:active:insensitive, -.primary-toolbar.toolbar .button:active:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 1.0)), - to (shade (@button_insensitive_bg_color, 0.97))); - - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.95)), - to (shade (@button_insensitive_bg_color, 0.98))); - -unico-inner-stroke-width: 1 1 0 1; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_bg_color, 0.0)), - to (shade (@button_bg_color, 1.02))); - -unico-outer-stroke-width: 1; - border-width: 1px; - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_insensitive_bg_color, 0.7)), - to (shade (@button_insensitive_bg_color, 0.8))); -} - -.primary-toolbar .toolbar .entry, -.primary-toolbar.toolbar .entry, -.primary-toolbar .toolbar .entry:active, -.primary-toolbar.toolbar .entry:active, -.primary-toolbar .toolbar .entry:focused, -.primary-toolbar.toolbar .entry:focused { - border-radius: 2px; - - color: @text_color; - - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.85), 0.2)), - to (alpha (shade (@bg_color, 0.85), 0.2))); - -unico-outer-stroke-width: 0; -} - -.primary-toolbar .toolbar .entry, -.primary-toolbar.toolbar .entry { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.75)), - to (shade (@bg_color, 0.75))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.05), 0.16)), - to (alpha (shade (@bg_color, 0.05), 0.8))); -} - -.primary-toolbar .toolbar .entry:insensitive, -.primary-toolbar.toolbar .entry:insensitive { - -unico-outer-stroke-width: 1; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 1.2), 0.18)), - to (alpha (shade (@bg_color, 1.4), 0.5))); -} - -.primary-toolbar .toolbar .entry:focused, -.primary-toolbar.toolbar .entry:focused { - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 0.75)), - to (shade (@selected_bg_color, 0.8))); - -unico-inner-stroke-color: alpha (@selected_bg_color, 0.2); - -unico-inner-stroke-gradient: none; -} - -.primary-toolbar .toolbar GtkSeparatorToolItem, -.primary-toolbar.toolbar GtkSeparatorToolItem, -.primary-toolbar .toolbar .separator, -.primary-toolbar.toolbar .separator, -.primary-toolbar .toolbar .separator:insensitive, -.primary-toolbar.toolbar .separator:insensitive { - border-color: alpha (shade (@bg_color, 0.7), 0.8); - border-style: solid; - - -unico-border-gradient: none; - -unico-inner-stroke-color: alpha (shade (@bg_color, 1.5), 0.2); - -unico-inner-stroke-gradient: none; -} - -/* secondary toolbar */ - -.secondary-toolbar.toolbar { - border-style: solid; - border-bottom-color: shade (@bg_color,0.71); - border-width: 0px 0px 1px 0px; +.primary-toolbar .raised .button, +.primary-toolbar .raised.button, +.primary-toolbar .button:hover { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.06)), + to (shade (@dark_bg_color, 0.94))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.88)), + to (shade (@dark_bg_color, 0.83))); + -unico-glow-color: shade (@dark_bg_color, 1.08); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.12)), + to (shade (@dark_bg_color, 1.04))); +} + +.primary-toolbar .button:active { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.9)), + to (shade (@dark_bg_color, 0.95))); + + text-shadow: 0 1 shade (@dark_bg_color, 0.99); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.76)), + to (shade (@dark_bg_color, 0.85))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.86)), + to (shade (@dark_bg_color, 0.94))) +} + +.primary-toolbar .button:active:hover { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.95)), + to (shade (@dark_bg_color, 1.0))); + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.76)), + to (shade (@dark_bg_color, 0.85))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.90)), + to (shade (@dark_bg_color, 0.98))) +} + +.primary-toolbar .button:active:insensitive, +.primary-toolbar .button:insensitive { + text-shadow: none; + + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.8)), + to (shade (@dark_bg_color, 0.9))); + -unico-glow-radius: 0; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@dark_bg_color, 1.2), 0.18)), + to (alpha (shade (@dark_bg_color, 1.4), 0.5))); +} + +.primary-toolbar .button:insensitive { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.01)), + to (shade (@dark_bg_color, 0.99))); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.12)), + to (shade (@dark_bg_color, 1.04))); +} + +.primary-toolbar .button:active:insensitive { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.94)), + to (shade (@dark_bg_color, 1.02))); + + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.92)), + to (shade (@dark_bg_color, 1.0))); +} + +.primary-toolbar .entry, +.primary-toolbar .entry:active, +.primary-toolbar .entry:focused { + border-radius: 3px; + + -unico-outer-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@dark_bg_color, 1.08), 0.25)), + to (alpha (shade (@dark_bg_color, 1.08), 0.75))); +} + +.primary-toolbar .entry { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.75)), + to (shade (@dark_bg_color, 0.95))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.08)), + to (alpha (shade (@bg_color, 0.05), 0.04))); +} + +.primary-toolbar .entry:insensitive { + -unico-outer-stroke-width: 1px; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@dark_bg_color, 1.08), 0.18)), + to (alpha (shade (@dark_bg_color, 1.08), 0.5))); +} + +.primary-toolbar .entry:focused { + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@selected_bg_color, 0.85)), + to (shade (@selected_bg_color, 0.9))); + -unico-inner-stroke-color: alpha (@selected_bg_color, 0.4); + -unico-inner-stroke-gradient: none; +} + +.primary-toolbar GtkSeparatorToolItem, +.primary-toolbar .separator, +.primary-toolbar .separator:insensitive { + border-color: alpha (shade (@dark_bg_color, 0.9), 0.5); + border-style: solid; + + -unico-border-gradient: none; + -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.4); + -unico-inner-stroke-gradient: none; } /* inline-toolbar */ .inline-toolbar.toolbar { - -GtkToolbar-button-relief: normal; + -GtkToolbar-button-relief: normal; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color, 0.93)), - to (shade (@base_color, 0.93))); - border-radius: 0px; - border-style: solid; - border-width: 1px; - padding: 3px 4px 4px 4px; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (#f2f1ef, 0.93)), + color-stop (0.08, #f2f1ef), + to (#ffffff)); + border-radius: 0; + border-style: solid; + border-width: 1px; + padding: 3px 4px 4px 4px; } .inline-toolbar.toolbar:nth-child(last) { - border-bottom-color: shade (@bg_color, 0.76); - border-color: shade (@bg_color, 0.8); - border-radius: 0px; - border-width: 0px 1px 1px 1px; + border-bottom-color: shade (@bg_color, 0.76); + border-color: shade (@bg_color, 0.8); + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; } .inline-toolbar.toolbar .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.12)), - to (shade (@bg_color, 0.88))); - border-radius: 0px; - border-style: solid; - border-width: 1px 0px 1px 1px; - padding: 1px; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.12)), + to (shade (@bg_color, 0.88))); + border-radius: 0; + border-style: solid; + border-width: 1px 0 1px 1px; + padding: 1px; - icon-shadow: 0 1 shade (@bg_color, 1.16); + icon-shadow: 0 1 shade (@bg_color, 1.16); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.16)), - to (shade (@bg_color, 0.98))); - -unico-outer-stroke-width: 1 0 1 0; + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.16)), + to (shade (@bg_color, 0.98))); + -unico-outer-stroke-width: 1px 0 1px 0; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.015)), + to (alpha (shade (@bg_color, 0.05), 0.04))); } .inline-toolbar.toolbar .button *:active, .inline-toolbar.toolbar .button *:insensitive, .inline-toolbar.toolbar GtkToolButton .button:active, .inline-toolbar.toolbar GtkToolButton .button:insensitive { - -unico-outer-stroke-width: 1 0 1 0; - -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.05), 0.02)), - to (alpha (shade (@bg_color, 0.05), 0.06))); + -unico-outer-stroke-width: 1px 0 1px 0; + -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (alpha (shade (@bg_color, 0.05), 0.01)), + to (alpha (shade (@bg_color, 0.05), 0.03))); } .inline-toolbar.toolbar .button *:insensitive, .inline-toolbar.toolbar GtkToolButton .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.02)), - to (shade (@bg_color, 0.98))); + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.02)), + to (shade (@bg_color, 0.98))); - -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.85)), - to (shade (@bg_color, 0.8))); - -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.16)), - to (shade (@bg_color, 1.0))); + -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.85)), + to (shade (@bg_color, 0.8))); + -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 1.16)), + to (shade (@bg_color, 1.0))); } .inline-toolbar.toolbar .button:nth-child(first), .inline-toolbar.toolbar GtkToolButton:nth-child(first) .button { - border-radius: 2px 0px 0px 2px; + border-radius: 3px 0 0 3px; - -unico-outer-stroke-width: 1 0 1 1; + -unico-outer-stroke-width: 1px 0 1px 1px; } .inline-toolbar.toolbar .button:nth-child(last), .inline-toolbar.toolbar GtkToolButton:nth-child(last) .button { - border-radius: 0px 2px 2px 0px; - border-width: 1px; - -unico-outer-stroke-width: 1 1 1 0; -} + border-radius: 0 3px 3px 0; + border-width: 1px; + -unico-outer-stroke-width: 1px 1px 1px 0; +} /*********** * tooltip * ***********/ .tooltip { - border-color: @tooltip_bg_color; + background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8, + from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)), + to (alpha (@tooltip_bg_color, 0.86))); + border-color: alpha (#ffffff, 0.2); + border-radius: 5px; + + color: white; } /************ - * Treeviews * + * treeview * ************/ - GtkTreeView .entry { background-image: none; border-radius: 0; -unico-inner-stroke-gradient: none; - -unico-inner-stroke-width: 1; -} - -GtkTreeView row:nth-child(even), -GtkTreeView row:nth-child(even):hover { - background-color: shade (@base_color, 1.0); -} - -GtkTreeView row:nth-child(odd), -GtkTreeView row:nth-child(odd):hover { - background-color: shade (@base_color, 0.9); + -unico-inner-stroke-width: 1px; } /************ * viewport * ************/ GtkViewport.frame { - border-width: 0; - -unico-inner-stroke-width: 0; + border-width: 0; + + -unico-inner-stroke-width: 0; +} + +/***************** +* spinner * +*****************/ +.spinner:active { + transition: 750ms linear loop; } diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/gtk.css b/usr/share/themes/Lubuntu-default/gtk-3.0/gtk.css index c5aa188..e25e443 100644 --- a/usr/share/themes/Lubuntu-default/gtk-3.0/gtk.css +++ b/usr/share/themes/Lubuntu-default/gtk-3.0/gtk.css @@ -4,63 +4,37 @@ @define-color bg_color #e0e0e0; @define-color fg_color #333; @define-color base_color #fff; -@define-color text_color #333333; +@define-color text_color #333; @define-color selected_bg_color #8FB2CF; @define-color selected_fg_color #fff; @define-color tooltip_bg_color #333; @define-color tooltip_fg_color #fff; /* misc colors used by gtk+ */ -@define-color link_color #3168A0; -@define-color warning_color #f57900; +@define-color info_fg_color rgb (181, 171, 156); +@define-color info_bg_color rgb (252, 252, 189); +@define-color warning_fg_color rgb (173, 120, 41); +@define-color warning_bg_color rgb (250, 173, 61); +@define-color question_fg_color rgb (97, 122, 214); +@define-color question_bg_color rgb (138, 173, 212); +@define-color error_fg_color rgb (166, 38, 38); +@define-color error_bg_color rgb (237, 54, 54); +@define-color link_color #4a90d9; @define-color error_color #cc0000; -@define-color success_color #4e9a06; /* theme common colors */ @define-color button_bg_color shade (@bg_color,1.02); @define-color button_insensitive_bg_color mix (@button_bg_color, @bg_color, 0.6); +@define-color dark_bg_color @bg_color; +@define-color dark_fg_color @fg_color; @define-color transparent rgba (0, 0, 0, 0); +@define-color backdrop_selected_bg_color shade (@bg_color, 0.92); +@define-color backdrop_selected_fg_color @fg_color; -@define-color internal_element_color #afafaf; -@define-color insensitive_bg_color #f5f5f5; -@define-color insensitive_fg_color #a7a7a7; -@define-color insensitive_border_color shade (@internal_element_color, 1.37); -@define-color inactive_frame_color #c8c8c8; -@define-color inactive_frame_border_a #8b8b8b; -@define-color inactive_frame_border_b #c6c6c6; - -@define-color trough_bg_color_a #e0e0e0; -@define-color trough_bg_color_b #b9b9b9; - -@define-color toolbar_gradient_base #e0e0e0; -@define-color toolbar_gradient_final #d0d0d0; +@define-color toolbar_base #e0e0e0; +@define-color toolbar_final #bcbcbc; @define-color toolbar_border #fff; -@define-color button_gradient_color_a shade (@button_bg_color,1.1); -@define-color button_gradient_color_b shade (@button_bg_color,0.95); -@define-color button_hover_gradient_color_a mix (@bg_color, shade (@selected_bg_color,1.4),0.7); -@define-color button_hover_gradient_color_b mix (@bg_color, shade (@selected_bg_color,1.25),0.5); -@define-color button_active_gradient_color_a shade (@button_gradient_color_b, 0.80); -@define-color button_active_gradient_color_b shade (@button_gradient_color_a, 0.80); - -@define-color progressbar_through_a #B7D1E6; -@define-color progressbar_through_b #7BA2C3; -@define-color progressbar_through_border #d0d0d0; -@define-color progressbar_background_a #B7D1E6; -@define-color progressbar_background_b #7BA2C3; -@define-color progressbar_border #6594E6; - -@define-color menuitem_background_a #8ba4b8; -@define-color menuitem_background_b #7a94a9; - -@define-color border_color_a #afafaf; -@define-color border_color_b #7a7a7a; -@define-color scrollslider_gradient_a #d8d8d8; -@define-color scrollslider_gradient_b #bdbdbd; -@define-color scrollslider_border #9a9a9a; -@define-color listview_header_gradient_a #ececec; -@define-color listview_header_gradient_b #d8d8d8; -@define-color listview_border #cbcbcb; -@define-color sidebar_color mix (@bg_color,shade (@selected_bg_color,1.35),0.8); - @import url("gtk-widgets.css"); +@import url("gtk-widgets-backdrop.css"); + diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/progressbar.png b/usr/share/themes/Lubuntu-default/gtk-3.0/progressbar.png deleted file mode 100644 index c40f937..0000000 Binary files a/usr/share/themes/Lubuntu-default/gtk-3.0/progressbar.png and /dev/null differ diff --git a/usr/share/themes/Lubuntu-default/gtk-3.0/settings.ini b/usr/share/themes/Lubuntu-default/gtk-3.0/settings.ini index e234853..f4b073d 100644 --- a/usr/share/themes/Lubuntu-default/gtk-3.0/settings.ini +++ b/usr/share/themes/Lubuntu-default/gtk-3.0/settings.ini @@ -1,3 +1,3 @@ [Settings] +gtk-color-scheme = "base_color:#ffffff\nbg_color:#dcdcdc\ntooltip_bg_color:#000000\nselected_bg_color:#f07746\ntext_color:#3C3C3C\nfg_color:#4c4c4c\ntooltip_fg_color:#ffffff\nselected_fg_color:#ffffff\nlink_color:#DD4814\nbg_color_dark:#3c3b37\nfg_color_dark:#dfdbd2" gtk-auto-mnemonics = 1 -gtk-color-scheme = "base_color:#f7f7f7\nbg_color:#dcdcdc\ntooltip_bg_color:#F5F5B5\nselected_bg_color:#a2b8ca\ntext_color:#2c2c2c\nfg_color:#2c2c2c\ntooltip_fg_color:#000000\nselected_fg_color:#F5F5F5\nlink_color:#DD4814\nbg_color_dark:#c9c9c9\nfg_color_dark:#2c2c2c"