From 5dcfab4f11b747eec2da6cd59d4dff5e2d2b826b Mon Sep 17 00:00:00 2001 From: raveit Date: Thu, 11 Apr 2013 18:20:39 +0200 Subject: update Menta GTK-3, metacity, gnome-shell, xfwm4 to latest Zukwito update from 2013.03.29 --- desktop-themes/Menta/Makefile.am | 1 - desktop-themes/Menta/gnome-shell/Makefile.am | 10 +- .../Menta/gnome-shell/calendar-arrow-left.svg | 18 +- .../Menta/gnome-shell/calendar-arrow-right.svg | 14 +- .../Menta/gnome-shell/checkbox-focused.svg | 317 +- .../Menta/gnome-shell/checkbox-off-focused.svg | 236 +- desktop-themes/Menta/gnome-shell/checkbox-off.svg | 244 +- desktop-themes/Menta/gnome-shell/checkbox.svg | 261 +- desktop-themes/Menta/gnome-shell/gdm.css | 180 - desktop-themes/Menta/gnome-shell/gnome-shell.css | 1185 +++--- desktop-themes/Menta/gnome-shell/heart-hover.png | Bin 313 -> 0 bytes desktop-themes/Menta/gnome-shell/heart.png | Bin 347 -> 0 bytes desktop-themes/Menta/gnome-shell/more-results.svg | 109 + desktop-themes/Menta/gnome-shell/switch-off.png | Bin 0 -> 1209 bytes desktop-themes/Menta/gnome-shell/switch-on.png | Bin 0 -> 1180 bytes .../Menta/gnome-shell/ws-switch-arrow-down.svg | 162 + .../Menta/gnome-shell/ws-switch-arrow-up.svg | 142 + desktop-themes/Menta/gtk-3.0/Makefile.am | 10 +- desktop-themes/Menta/gtk-3.0/apps/Makefile.am | 13 - desktop-themes/Menta/gtk-3.0/apps/gedit.css | 38 - desktop-themes/Menta/gtk-3.0/apps/gnome-panel.css | 146 - .../Menta/gtk-3.0/apps/gnome-terminal.css | 20 - desktop-themes/Menta/gtk-3.0/apps/nautilus.css | 144 - desktop-themes/Menta/gtk-3.0/apps/nemo.css | 144 - desktop-themes/Menta/gtk-3.0/apps/popover.css | 50 - desktop-themes/Menta/gtk-3.0/apps/unity.css | 30 - desktop-themes/Menta/gtk-3.0/assets/Makefile.am | 44 +- .../Menta/gtk-3.0/assets/check-active-ins.png | Bin 549 -> 621 bytes .../Menta/gtk-3.0/assets/check-active.png | Bin 618 -> 654 bytes .../Menta/gtk-3.0/assets/check-menuitem-dark.png | Bin 392 -> 0 bytes .../assets/check-menuitem-insensitive-dark.png | Bin 381 -> 0 bytes .../gtk-3.0/assets/check-menuitem-insensitive.png | Bin 354 -> 0 bytes .../gtk-3.0/assets/check-menuitem-unselected.png | Bin 159 -> 0 bytes .../Menta/gtk-3.0/assets/check-menuitem.png | Bin 367 -> 0 bytes .../gtk-3.0/assets/check-mixed-active-ins.png | Bin 384 -> 394 bytes .../Menta/gtk-3.0/assets/check-mixed-active.png | Bin 450 -> 415 bytes .../Menta/gtk-3.0/assets/check-normal-hover.png | Bin 421 -> 0 bytes .../Menta/gtk-3.0/assets/check-normal-ins.png | Bin 355 -> 349 bytes .../Menta/gtk-3.0/assets/check-normal.png | Bin 360 -> 390 bytes .../Menta/gtk-3.0/assets/dnd-counter.svg | 183 + .../gtk-3.0/assets/grid-selection-checked.svg | 237 ++ .../gtk-3.0/assets/grid-selection-unchecked.svg | 278 ++ .../menuitem-checkbox-checked-insensitive.svg | 66 + .../assets/menuitem-checkbox-checked-selected.svg | 66 + .../gtk-3.0/assets/menuitem-checkbox-checked.svg | 66 + .../assets/menuitem-checkbox-mixed-insensitive.svg | 69 + .../assets/menuitem-checkbox-mixed-selected.svg | 69 + .../gtk-3.0/assets/menuitem-checkbox-mixed.svg | 69 + .../assets/menuitem-radio-checked-insensitive.svg | 65 + .../assets/menuitem-radio-checked-selected.svg | 65 + .../gtk-3.0/assets/menuitem-radio-checked.svg | 65 + desktop-themes/Menta/gtk-3.0/assets/null.png | Bin 0 -> 169 bytes .../assets/pane-separator-grip-vertical.svg | 107 + .../Menta/gtk-3.0/assets/pane-separator-grip.svg | 107 + .../Menta/gtk-3.0/assets/radio-active-ins.png | Bin 726 -> 864 bytes .../Menta/gtk-3.0/assets/radio-active.png | Bin 786 -> 897 bytes .../Menta/gtk-3.0/assets/radio-menuitem-dark.png | Bin 208 -> 0 bytes .../assets/radio-menuitem-insensitive-dark.png | Bin 209 -> 0 bytes .../gtk-3.0/assets/radio-menuitem-insensitive.png | Bin 209 -> 0 bytes .../Menta/gtk-3.0/assets/radio-menuitem.png | Bin 208 -> 0 bytes .../gtk-3.0/assets/radio-mixed-active-ins.png | Bin 633 -> 756 bytes .../Menta/gtk-3.0/assets/radio-mixed-active.png | Bin 684 -> 790 bytes .../Menta/gtk-3.0/assets/radio-normal-hover.png | Bin 662 -> 0 bytes .../Menta/gtk-3.0/assets/radio-normal-ins.png | Bin 616 -> 695 bytes .../Menta/gtk-3.0/assets/radio-normal.png | Bin 639 -> 757 bytes .../Menta/gtk-3.0/assets/resize-grip.svg | 117 + .../Menta/gtk-3.0/assets/sidebar-radio-checked.svg | 66 + .../gtk-3.0/assets/sidebar-radio-prelight.svg | 66 + .../assets/sidebar-radio-selected-prelight.svg | 66 + .../gtk-3.0/assets/sidebar-radio-selected.svg | 66 + .../Menta/gtk-3.0/assets/slider-hover.png | Bin 0 -> 850 bytes desktop-themes/Menta/gtk-3.0/assets/slider-ins.png | Bin 0 -> 836 bytes desktop-themes/Menta/gtk-3.0/assets/slider.png | Bin 0 -> 888 bytes .../Menta/gtk-3.0/assets/switch-off-ins.png | Bin 708 -> 0 bytes .../Menta/gtk-3.0/assets/switch-off-ins.svg | 665 +++ desktop-themes/Menta/gtk-3.0/assets/switch-off.png | Bin 892 -> 0 bytes desktop-themes/Menta/gtk-3.0/assets/switch-off.svg | 651 +++ .../Menta/gtk-3.0/assets/switch-on-ins.png | Bin 713 -> 0 bytes .../Menta/gtk-3.0/assets/switch-on-ins.svg | 655 +++ desktop-themes/Menta/gtk-3.0/assets/switch-on.png | Bin 963 -> 2051 bytes desktop-themes/Menta/gtk-3.0/assets/switch-on.svg | 397 ++ .../Menta/gtk-3.0/assets/thumbnail-frame.png | Bin 0 -> 832 bytes desktop-themes/Menta/gtk-3.0/borders/Makefile.am | 4 +- .../Menta/gtk-3.0/borders/button-active-focus.png | Bin 475 -> 449 bytes .../Menta/gtk-3.0/borders/button-active-ins.png | Bin 0 -> 469 bytes .../Menta/gtk-3.0/borders/button-active.png | Bin 452 -> 478 bytes .../Menta/gtk-3.0/borders/button-focus.png | Bin 478 -> 436 bytes .../Menta/gtk-3.0/borders/button-ins.png | Bin 387 -> 474 bytes desktop-themes/Menta/gtk-3.0/borders/button.png | Bin 384 -> 435 bytes .../Menta/gtk-3.0/borders/nohl-generic-border.png | Bin 0 -> 308 bytes .../Menta/gtk-3.0/gnome-applications.css | 716 ++++ desktop-themes/Menta/gtk-3.0/gtk-fallback.css | 15 + desktop-themes/Menta/gtk-3.0/gtk-main-common.css | 43 +- desktop-themes/Menta/gtk-3.0/gtk-main.css | 243 +- .../Menta/gtk-3.0/gtk-widgets-assets.css | 265 +- .../Menta/gtk-3.0/gtk-widgets-backgrounds.css | 249 ++ .../Menta/gtk-3.0/gtk-widgets-borders.css | 271 +- desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 4413 ++++++++++++-------- .../Menta/gtk-3.0/other-applications.css | 206 + desktop-themes/Menta/gtk-3.0/settings.ini | 4 + desktop-themes/Menta/gtk-3.0/unity.css | 29 + desktop-themes/Menta/metacity-1/Makefile.am | 40 +- .../Menta/metacity-1/close_focused_normal.png | Bin 458 -> 0 bytes .../Menta/metacity-1/close_focused_normal.svg | 213 + .../Menta/metacity-1/close_focused_prelight.png | Bin 617 -> 0 bytes .../Menta/metacity-1/close_focused_prelight.svg | 242 ++ .../Menta/metacity-1/close_focused_pressed.png | Bin 627 -> 0 bytes .../Menta/metacity-1/close_focused_pressed.svg | 212 + .../Menta/metacity-1/close_unfocused.png | Bin 475 -> 0 bytes .../Menta/metacity-1/close_unfocused.svg | 252 ++ .../Menta/metacity-1/close_unfocused_prelight.png | Bin 615 -> 0 bytes .../Menta/metacity-1/close_unfocused_prelight.svg | 207 + .../Menta/metacity-1/maximize_focused_normal.png | Bin 458 -> 0 bytes .../Menta/metacity-1/maximize_focused_normal.svg | 212 + .../Menta/metacity-1/maximize_focused_prelight.png | Bin 636 -> 0 bytes .../Menta/metacity-1/maximize_focused_prelight.svg | 212 + .../Menta/metacity-1/maximize_focused_pressed.png | Bin 660 -> 0 bytes .../Menta/metacity-1/maximize_focused_pressed.svg | 211 + .../Menta/metacity-1/maximize_unfocused.png | Bin 475 -> 0 bytes .../Menta/metacity-1/maximize_unfocused.svg | 235 ++ .../metacity-1/maximize_unfocused_prelight.png | Bin 638 -> 0 bytes .../metacity-1/maximize_unfocused_prelight.svg | 235 ++ .../Menta/metacity-1/metacity-theme-1.xml | 64 +- .../Menta/metacity-1/metacity-theme-3.xml | 83 +- .../Menta/metacity-1/minimize_focused_normal.png | Bin 458 -> 0 bytes .../Menta/metacity-1/minimize_focused_normal.svg | 211 + .../Menta/metacity-1/minimize_focused_prelight.png | Bin 651 -> 0 bytes .../Menta/metacity-1/minimize_focused_prelight.svg | 211 + .../Menta/metacity-1/minimize_focused_pressed.png | Bin 654 -> 0 bytes .../Menta/metacity-1/minimize_focused_pressed.svg | 211 + .../Menta/metacity-1/minimize_unfocused.png | Bin 463 -> 0 bytes .../Menta/metacity-1/minimize_unfocused.svg | 235 ++ .../metacity-1/minimize_unfocused_prelight.png | Bin 664 -> 0 bytes .../metacity-1/minimize_unfocused_prelight.svg | 235 ++ .../Menta/metacity-1/unmaximize_focused_normal.png | Bin 458 -> 0 bytes .../Menta/metacity-1/unmaximize_focused_normal.svg | 212 + .../metacity-1/unmaximize_focused_prelight.png | Bin 636 -> 0 bytes .../metacity-1/unmaximize_focused_prelight.svg | 212 + .../metacity-1/unmaximize_focused_pressed.png | Bin 660 -> 0 bytes .../metacity-1/unmaximize_focused_pressed.svg | 211 + .../Menta/metacity-1/unmaximize_unfocused.png | Bin 475 -> 0 bytes .../Menta/metacity-1/unmaximize_unfocused.svg | 235 ++ .../metacity-1/unmaximize_unfocused_prelight.png | Bin 638 -> 0 bytes .../metacity-1/unmaximize_unfocused_prelight.svg | 235 ++ desktop-themes/Menta/panelbg.png | Bin 191 -> 0 bytes desktop-themes/Menta/xfwm4/Makefile.am | 2 +- desktop-themes/Menta/xfwm4/bottom-left-active.png | Bin 128 -> 142 bytes desktop-themes/Menta/xfwm4/bottom-left-active.xpm | 6 +- .../Menta/xfwm4/bottom-left-inactive.png | Bin 128 -> 142 bytes .../Menta/xfwm4/bottom-left-inactive.xpm | 6 +- desktop-themes/Menta/xfwm4/bottom-right-active.png | Bin 128 -> 141 bytes desktop-themes/Menta/xfwm4/bottom-right-active.xpm | 8 +- .../Menta/xfwm4/bottom-right-inactive.png | Bin 128 -> 141 bytes .../Menta/xfwm4/bottom-right-inactive.xpm | 8 +- desktop-themes/Menta/xfwm4/left-active.png | Bin 135 -> 138 bytes desktop-themes/Menta/xfwm4/left-active.xpm | 51 +- desktop-themes/Menta/xfwm4/left-inactive.png | Bin 135 -> 138 bytes desktop-themes/Menta/xfwm4/left-inactive.xpm | 51 +- desktop-themes/Menta/xfwm4/right-active.png | Bin 135 -> 138 bytes desktop-themes/Menta/xfwm4/right-active.xpm | 53 +- desktop-themes/Menta/xfwm4/right-inactive.png | Bin 135 -> 138 bytes desktop-themes/Menta/xfwm4/right-inactive.xpm | 53 +- desktop-themes/Menta/xfwm4/themerc | 5 +- 163 files changed, 15095 insertions(+), 4011 deletions(-) delete mode 100644 desktop-themes/Menta/gnome-shell/gdm.css delete mode 100644 desktop-themes/Menta/gnome-shell/heart-hover.png delete mode 100644 desktop-themes/Menta/gnome-shell/heart.png create mode 100644 desktop-themes/Menta/gnome-shell/more-results.svg create mode 100644 desktop-themes/Menta/gnome-shell/switch-off.png create mode 100644 desktop-themes/Menta/gnome-shell/switch-on.png create mode 100644 desktop-themes/Menta/gnome-shell/ws-switch-arrow-down.svg create mode 100644 desktop-themes/Menta/gnome-shell/ws-switch-arrow-up.svg delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/Makefile.am delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/gedit.css delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/gnome-panel.css delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/gnome-terminal.css delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/nautilus.css delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/nemo.css delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/popover.css delete mode 100644 desktop-themes/Menta/gtk-3.0/apps/unity.css delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/check-menuitem-dark.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive-dark.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/check-menuitem-unselected.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/check-menuitem.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/check-normal-hover.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/dnd-counter.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/grid-selection-checked.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/grid-selection-unchecked.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-selected.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/null.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip-vertical.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip.svg delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-dark.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive-dark.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/radio-menuitem.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/radio-normal-hover.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/resize-grip.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-checked.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-prelight.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected-prelight.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/slider-hover.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/slider-ins.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/slider.png delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.svg delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-off.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-off.svg delete mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.png create mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/switch-on.svg create mode 100644 desktop-themes/Menta/gtk-3.0/assets/thumbnail-frame.png create mode 100644 desktop-themes/Menta/gtk-3.0/borders/button-active-ins.png create mode 100644 desktop-themes/Menta/gtk-3.0/borders/nohl-generic-border.png create mode 100644 desktop-themes/Menta/gtk-3.0/gnome-applications.css create mode 100644 desktop-themes/Menta/gtk-3.0/gtk-fallback.css create mode 100644 desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css create mode 100644 desktop-themes/Menta/gtk-3.0/other-applications.css create mode 100644 desktop-themes/Menta/gtk-3.0/settings.ini create mode 100644 desktop-themes/Menta/gtk-3.0/unity.css delete mode 100644 desktop-themes/Menta/metacity-1/close_focused_normal.png create mode 100644 desktop-themes/Menta/metacity-1/close_focused_normal.svg delete mode 100644 desktop-themes/Menta/metacity-1/close_focused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/close_focused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/close_focused_pressed.png create mode 100644 desktop-themes/Menta/metacity-1/close_focused_pressed.svg delete mode 100644 desktop-themes/Menta/metacity-1/close_unfocused.png create mode 100644 desktop-themes/Menta/metacity-1/close_unfocused.svg delete mode 100644 desktop-themes/Menta/metacity-1/close_unfocused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/close_unfocused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/maximize_focused_normal.png create mode 100644 desktop-themes/Menta/metacity-1/maximize_focused_normal.svg delete mode 100644 desktop-themes/Menta/metacity-1/maximize_focused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/maximize_focused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/maximize_focused_pressed.png create mode 100644 desktop-themes/Menta/metacity-1/maximize_focused_pressed.svg delete mode 100644 desktop-themes/Menta/metacity-1/maximize_unfocused.png create mode 100644 desktop-themes/Menta/metacity-1/maximize_unfocused.svg delete mode 100644 desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/minimize_focused_normal.png create mode 100644 desktop-themes/Menta/metacity-1/minimize_focused_normal.svg delete mode 100644 desktop-themes/Menta/metacity-1/minimize_focused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/minimize_focused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/minimize_focused_pressed.png create mode 100644 desktop-themes/Menta/metacity-1/minimize_focused_pressed.svg delete mode 100644 desktop-themes/Menta/metacity-1/minimize_unfocused.png create mode 100644 desktop-themes/Menta/metacity-1/minimize_unfocused.svg delete mode 100644 desktop-themes/Menta/metacity-1/minimize_unfocused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/minimize_unfocused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/unmaximize_focused_normal.png create mode 100644 desktop-themes/Menta/metacity-1/unmaximize_focused_normal.svg delete mode 100644 desktop-themes/Menta/metacity-1/unmaximize_focused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/unmaximize_focused_prelight.svg delete mode 100644 desktop-themes/Menta/metacity-1/unmaximize_focused_pressed.png create mode 100644 desktop-themes/Menta/metacity-1/unmaximize_focused_pressed.svg delete mode 100644 desktop-themes/Menta/metacity-1/unmaximize_unfocused.png create mode 100644 desktop-themes/Menta/metacity-1/unmaximize_unfocused.svg delete mode 100644 desktop-themes/Menta/metacity-1/unmaximize_unfocused_prelight.png create mode 100644 desktop-themes/Menta/metacity-1/unmaximize_unfocused_prelight.svg delete mode 100644 desktop-themes/Menta/panelbg.png (limited to 'desktop-themes') diff --git a/desktop-themes/Menta/Makefile.am b/desktop-themes/Menta/Makefile.am index 1de25b44..ff9aec48 100644 --- a/desktop-themes/Menta/Makefile.am +++ b/desktop-themes/Menta/Makefile.am @@ -5,7 +5,6 @@ themedir = $(datadir)/themes/$(THEME_NAME) theme_DATA = \ COPYING \ index.theme \ - panelbg.png \ README diff --git a/desktop-themes/Menta/gnome-shell/Makefile.am b/desktop-themes/Menta/gnome-shell/Makefile.am index 18fde374..5d53c518 100644 --- a/desktop-themes/Menta/gnome-shell/Makefile.am +++ b/desktop-themes/Menta/gnome-shell/Makefile.am @@ -15,18 +15,20 @@ theme_DATA = \ dash-placeholder.svg \ filter-selected-ltr.svg \ filter-selected-rtl.svg \ - gdm.css \ gnome-shell.css \ - heart-hover.png \ - heart.png \ logged-in-indicator.svg \ message-tray-background.png \ + more-results.svg \ noise-texture.png \ panel-button-border.svg \ panel-button-highlight-narrow.svg \ panel-button-highlight-wide.svg \ process-working.svg \ running-indicator.svg \ - summary-counter.svg + summary-counter.svg \ + switch-off.png \ + switch-on.png \ + ws-switch-arrow-down.svg \ + ws-switch-arrow-up.svg EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Menta/gnome-shell/calendar-arrow-left.svg b/desktop-themes/Menta/gnome-shell/calendar-arrow-left.svg index d5d97b3c..96222361 100644 --- a/desktop-themes/Menta/gnome-shell/calendar-arrow-left.svg +++ b/desktop-themes/Menta/gnome-shell/calendar-arrow-left.svg @@ -13,8 +13,8 @@ height="16" id="svg2" version="1.1" - inkscape:version="0.48+devel r9942 custom" - sodipodi:docname="New document 4"> + inkscape:version="0.48.3.1 r9886" + sodipodi:docname="calendar-arrow-left.svg"> image/svg+xml - + @@ -64,7 +64,7 @@ transform="translate(0,-1036.3622)"> + inkscape:version="0.48.3.1 r9886" + sodipodi:docname="calendar-arrow-right.svg"> image/svg+xml - + @@ -64,7 +64,7 @@ transform="translate(0,-1036.3622)"> + inkscape:version="0.48.4 r9939" + sodipodi:docname="checkbox-off-focused.svg"> + id="defs4098"> + id="linearGradient4638"> + id="stop4640" /> + id="stop4642" /> - - - + id="linearGradient4628"> + id="stop4630" /> + id="stop4632" /> + + - - - - - - - - - - - - - - - - + inkscape:grid-bbox="true" + inkscape:document-units="px" + showguides="true" + inkscape:guide-bbox="true" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="977" + inkscape:window-height="638" + inkscape:window-x="361" + inkscape:window-y="69" + inkscape:window-maximized="0"> + snapvisiblegridlinesonly="true" + originx="-1px" + originy="-0.99999988px" /> + id="metadata4101"> @@ -198,92 +120,49 @@ - - - - - - - - + transform="translate(-1,-11)"> - - - + id="g4736"> - - - + id="g4679"> + + + + diff --git a/desktop-themes/Menta/gnome-shell/checkbox-off-focused.svg b/desktop-themes/Menta/gnome-shell/checkbox-off-focused.svg index 4f773203..bf37a81f 100644 --- a/desktop-themes/Menta/gnome-shell/checkbox-off-focused.svg +++ b/desktop-themes/Menta/gnome-shell/checkbox-off-focused.svg @@ -10,140 +10,111 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="24" - height="22" - id="svg3199" + width="19.999998" + height="20" + id="svg4096" version="1.1" - inkscape:version="0.48.1 r9760" + inkscape:version="0.48.4 r9939" sodipodi:docname="checkbox-off.svg"> + id="defs4098"> + id="linearGradient4638"> + id="stop4640" /> + id="stop4642" /> - - - - - - + id="linearGradient4628"> + id="stop4630" /> + id="stop4632" /> - - - + xlink:href="#linearGradient4628" + id="linearGradient4634" + x1="10" + y1="20" + x2="10" + y2="2" + gradientUnits="userSpaceOnUse" /> + + x1="10" + y1="12" + x2="10" + y2="21" /> + x1="10" + y1="20" + x2="10" + y2="2" + gradientTransform="translate(0,10)" /> + inkscape:grid-bbox="true" + inkscape:document-units="px" + showguides="true" + inkscape:guide-bbox="true" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="977" + inkscape:window-height="638" + inkscape:window-x="426" + inkscape:window-y="93" + inkscape:window-maximized="0"> + snapvisiblegridlinesonly="true" + originx="-1px" + originy="-0.99999988px" /> + id="metadata4101"> @@ -155,44 +126,39 @@ + transform="translate(-1,-11)"> - - - - - - + id="g4679"> + + + diff --git a/desktop-themes/Menta/gnome-shell/checkbox-off.svg b/desktop-themes/Menta/gnome-shell/checkbox-off.svg index fe4ba51a..70d0b95a 100644 --- a/desktop-themes/Menta/gnome-shell/checkbox-off.svg +++ b/desktop-themes/Menta/gnome-shell/checkbox-off.svg @@ -10,161 +10,92 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="24" - height="22" - id="svg3199" + width="19.999998" + height="20" + id="svg4096" version="1.1" - inkscape:version="0.48.1 r9760" - sodipodi:docname="checkbox.svg"> + inkscape:version="0.48.4 r9939" + sodipodi:docname="Nytt dokument 5"> + id="defs4098"> + id="linearGradient4638"> + id="stop4640" /> + id="stop4642" /> - - - + id="linearGradient4628"> + id="stop4630" /> + id="stop4632" /> - - - - - - - + xlink:href="#linearGradient4628" + id="linearGradient4634" + x1="10" + y1="20" + x2="10" + y2="2" + gradientUnits="userSpaceOnUse" /> - - - - - + xlink:href="#linearGradient4638" + id="linearGradient4644" + x1="10" + y1="12" + x2="10" + y2="21" + gradientUnits="userSpaceOnUse" /> + inkscape:grid-bbox="true" + inkscape:document-units="px" + showguides="true" + inkscape:guide-bbox="true" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="977" + inkscape:window-height="638" + inkscape:window-x="426" + inkscape:window-y="93" + inkscape:window-maximized="0"> + snapvisiblegridlinesonly="true" + originx="-1px" + originy="-0.99999988px" /> + id="metadata4101"> @@ -176,43 +107,40 @@ + transform="translate(-1,-11)"> - - - - - - + id="g4646"> + + + diff --git a/desktop-themes/Menta/gnome-shell/checkbox.svg b/desktop-themes/Menta/gnome-shell/checkbox.svg index 119b600d..0f589d41 100644 --- a/desktop-themes/Menta/gnome-shell/checkbox.svg +++ b/desktop-themes/Menta/gnome-shell/checkbox.svg @@ -10,60 +10,35 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="24" - height="22" - id="svg3199" + width="19.999998" + height="20" + id="svg4096" version="1.1" - inkscape:version="0.48.1 r9760" - sodipodi:docname="checkbox-focused.svg"> + inkscape:version="0.48.4 r9939" + sodipodi:docname="checkbox.svg"> + id="defs4098"> + id="linearGradient4638"> + id="stop4640" /> + id="stop4642" /> - - - + id="linearGradient4628"> + id="stop4630" /> + id="stop4632" /> - - - - - - - - - + x1="10" + y1="12" + x2="10" + y2="21" /> + gradientTransform="translate(0,10)" + x1="10" + y1="20" + x2="10" + y2="2" /> + inkscape:grid-bbox="true" + inkscape:document-units="px" + showguides="true" + inkscape:guide-bbox="true" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="977" + inkscape:window-height="638" + inkscape:window-x="361" + inkscape:window-y="69" + inkscape:window-maximized="0"> + snapvisiblegridlinesonly="true" + originx="-1px" + originy="-0.99999988px" /> + id="metadata4101"> @@ -176,68 +120,45 @@ + transform="translate(-1,-11)"> - - - - - - - - - - + id="g5311"> + + + + diff --git a/desktop-themes/Menta/gnome-shell/gdm.css b/desktop-themes/Menta/gnome-shell/gdm.css deleted file mode 100644 index e8e4d2a9..00000000 --- a/desktop-themes/Menta/gnome-shell/gdm.css +++ /dev/null @@ -1,180 +0,0 @@ -/* Copyright 2011, Red Hat, Inc. - * - * This program is free software; you can redistribute it and/or modify it - * under the terms and conditions of the GNU Lesser General Public License, - * version 2.1, as published by the Free Software Foundation. - * - * This program is distributed in the hope it will be useful, but WITHOUT ANY - * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS - * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for - * more details. - * - * You should have received a copy of the GNU Lesser General Public License - * along with this program; if not, write to the Free Software Foundation, - * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. - */ - -/* Login Dialog */ - -.login-dialog-title { - font-size: 14pt; - font-weight: bold; - color: #666666; - padding-bottom: 2em; -} - -.login-dialog { - border-radius: 16px; - min-height: 150px; - max-height: 700px; - min-width: 350px; -} - -.login-dialog-prompt-fingerprint-message { - font-size: 10.5pt; -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; -} - -.login-dialog-user-list-item { - color: #666666; -} - -.login-dialog-user-list-item:ltr { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl { - padding-left: 1em; -} - -.login-dialog-user-list-item .login-dialog-user-list-item-name { - font-size: 20pt; - padding-left: 1em; - color: #666666; -} - -.login-dialog-user-list-item:hover .login-dialog-user-list-item-name { - color: white; -} - -.login-dialog-user-list-item:focus .login-dialog-user-list-item-name { - color: white; - text-shadow: black 0px 2px 2px; -} - -.login-dialog-user-list-item-vertical-layout { - spacing: 2px; -} - -.login-dialog-user-list-item .login-dialog-user-list-item-focus-bin { - background-color: rgba(0,0,0,0.0); - height: 2px; -} - -.login-dialog-user-list-item:focus .login-dialog-user-list-item-focus-bin { - background-color: #666666; -} - -.login-dialog-user-list-item-icon { - border: 2px solid #8b8b8b; - border-radius: 8px; - width: 64px; - height: 64px; -} - -.login-dialog-not-listed-button { - padding-top: 2em; -} -.login-dialog-not-listed-label { - font-size: 14pt; - font-weight: bold; - color: #666666; -} - -.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-prompt-layout { - padding-bottom: 32px; -} -.login-dialog-prompt-label { - color: white; - font-size: 20pt; -} - -.login-dialog-prompt-entry { - padding: 4px; - border-radius: 4px; - border: 2px solid #5656cc; - color: black; - background-color: white; - caret-color: black; - caret-size: 1px; - width: 15em; -} - -.login-dialog-prompt-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; -} - -.login-dialog-prompt-entry:insensitive { - color: rgba(0,0,0,0.7); - border: 2px solid #565656; -} - -.login-dialog-session-list { - color: #ffffff; - font-size: 10.5pt; -} - -.login-dialog-session-list-button { - padding: 4px; -} - -.login-dialog-session-list-button:focus { - background-color: #4c4c4c; -} - -.login-dialog-session-list-button:active { - background-color: #4c4c4c; -} - -.login-dialog-session-list-button:hover { - font-weight: bold; -} - -.login-dialog-session-list-scroll-view { - background-gradient-start: rgba(80,80,80,0.3); - background-gradient-end: rgba(80,80,80,0.7); - background-gradient-direction: vertical; - box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9); - border-radius: 8px; - border: 1px solid rgba(80,80,80,1.0); - padding: .5em; -} - -.login-dialog-session-list-item:focus { - background-color: #666666; -} - -.login-dialog-session-list-triangle { - padding-right: .5em; -} - -.login-dialog-session-list-item-box { - spacing: .25em; -} - -.login-dialog-session-list-item-dot { - width: .75em; - height: .75em; -} diff --git a/desktop-themes/Menta/gnome-shell/gnome-shell.css b/desktop-themes/Menta/gnome-shell/gnome-shell.css index 889257a1..c7a97f74 100644 --- a/desktop-themes/Menta/gnome-shell/gnome-shell.css +++ b/desktop-themes/Menta/gnome-shell/gnome-shell.css @@ -38,24 +38,17 @@ stage { /* small */ .app-well-menu, -.contact-details-status, -.run-dialog-label, .run-dialog-error-label { font-size: 8pt; } -/* small 7.5 pt */ -.calendar-month-label, .calendar-day-base { - font-size: 7.5pt; -} - /* small bold */ .dash-label, .window-caption, .switcher-list, .app-well-app > .overview-icon, .show-apps > .overview-icon, -.search-result-content > .overview-icon { +.grid-search-result .overview-icon { font-size: 8pt; font-weight: bold; } @@ -75,35 +68,44 @@ StScrollView.hfade { } StScrollView StScrollBar { - min-width: 14px; - min-height: 14px; + min-width: 11px; + min-height: 11px; } StScrollBar StBin#trough { - background-color: rgba(0,0,0,0.3); + background-gradient-direction: horizontal; + background-gradient-start: rgba(0,0,0,0.15); + background-gradient-end: rgba(0,0,0,0.05); border-radius: 8px; + border: 1px solid rgba(255,255,255,0.06); } StScrollBar StButton#vhandle { - background-color: #5d6464; - border: 2px solid #242424; + background-gradient-direction: horizontal; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.05); + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); border-radius: 8px; } StScrollBar StButton#hhandle { - background-color: #5d6464; - border: 2px solid #242424; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.05); + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); border-radius: 8px; } StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover { - background-color: #777d7c; + background-gradient-start: rgba(255,255,255,0.25); + background-gradient-end: rgba(255,255,255,0.1); } StScrollBar StButton#hhandle:active, StScrollBar StButton#vhandle:active { - background-color: #3465a4; + background-gradient-start: rgba(255,255,255,0.25); + background-gradient-end: rgba(255,255,255,0.1); } /* Check Boxes */ @@ -113,8 +115,8 @@ StScrollBar StButton#vhandle:active { } .check-box StBin { - width: 24px; - height: 22px; + width: 20px; + height: 20px; background-image: url("checkbox-off.svg"); } @@ -132,23 +134,19 @@ StScrollBar StButton#vhandle:active { /* PopupMenu */ -.popup-menu-boxpointer { - /* Keeping arrow style for extra effect and less "warning junk" in .xsession-errors */ - /* Border seems to behave strange with single background-color. Background-gradient fixes it. */ +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 0px; - -arrow-background-color: rgba(48,48,48,0.0); + -arrow-background-color: rgba(0,0,0,0.0); -arrow-border-width: 0px; -arrow-border-color: rgba(255,255,255,0.0); - -arrow-base: 4px; - -arrow-rise: 2px; - border: 1px solid rgba(255,255,255,0.4); - border-left-width: 3px; - border-right-width: 3px; + -arrow-base: 0px; + -arrow-rise: 0px; + border: 1px solid rgba(255,255,255,0.2); background-gradient-direction: vertical; - background-gradient-start: rgba(32,32,32,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.5); - border-radius: 0; + background-gradient-start: rgba(32,32,32,0.98); + background-gradient-end: rgba(32,32,32,0.98); + border-radius: 8px; } .popup-menu { @@ -160,10 +158,7 @@ StScrollBar StButton#vhandle:active { } .popup-sub-menu { - background-gradient-start: rgba(80,80,80,0.3); - background-gradient-end: rgba(80,80,80,0.7); - background-gradient-direction: vertical; - box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9); + background-color: rgba(80,80,80,0.6); } .popup-sub-menu:scrolled .popup-menu-item:ltr { @@ -188,10 +183,9 @@ StScrollBar StButton#vhandle:active { } .popup-combo-menu { - background-color: rgba(0,0,0,0.9); + background-color: rgba(32,32,32,1.0); padding: 1em 0em; - border: 1px solid #5f5f5f; - border-radius: 9px; + border-radius: 8px; } /* The remaining popup-menu sizing is all done in ems, so that if you @@ -202,12 +196,15 @@ StScrollBar StButton#vhandle:active { } .popup-menu-item { - padding: .4em 1.75em; + padding: .3em 1.75em; spacing: 1em; } .popup-menu-item:active { - background-color: #4c4c4c; + background-gradient-direction: vertical; + background-gradient-start: rgba(102,153,204,1.0); + background-gradient-end: rgba(113,164,215,1.0); + color: white; } .popup-menu-item:insensitive { @@ -223,10 +220,11 @@ StScrollBar StButton#vhandle:active { .popup-separator-menu-item { -gradient-height: 1px; - -gradient-start: rgba(68,68,68,0.6); - -gradient-end: rgba(68,68,68,0.6); - -margin-horizontal: 1.5em; + -gradient-start: rgba(255,255,255,0.0); + -gradient-end: rgba(255,255,255,0.3); + -margin-horizontal: 24px; height: 1px; + padding: 2px 0px; } .popup-alternating-menu-item:alternate { @@ -236,12 +234,12 @@ StScrollBar StButton#vhandle:active { .popup-slider-menu-item { height: 1em; min-width: 15em; - -slider-height: 2px; + -slider-height: 0.1em; -slider-background-color: #333333; -slider-border-color: #5f5f5f; - -slider-active-background-color: rgba(121,154,190,1.0); - -slider-active-border-color: rgba(121,154,190,1.0); - -slider-border-width: 1px; + -slider-active-background-color: #336699; + -slider-active-border-color: #336699; + -slider-border-width: 0px; -slider-handle-radius: 0.5em; } @@ -267,10 +265,14 @@ StScrollBar StButton#vhandle:active { icon-size: 1.09em; } +.popup-battery-percentage { + padding-left: 24px; +} + /* Switches */ .toggle-switch { - width: 32px; - height: 16px; + width: 36px; + height: 20px; background-color: rgba(0,0,0,0.0); } @@ -298,108 +300,147 @@ StScrollBar StButton#vhandle:active { /* Buttons */ -.dash-search-button, +.candidate-page-button, .notification-button, .notification-icon-button, .hotplug-notification-item, .hotplug-resident-eject-button, -.modal-dialog-button { - font-weight: bold; - border: 1px solid #8b8b8b; +.modal-dialog-button, +.app-view-control { + border: 1px solid rgba(255,255,255,0.15); background-gradient-direction: vertical; - background-gradient-start: rgba(255, 255, 255, 0.2); - background-gradient-end: rgba(255, 255, 255, 0); + background-gradient-start: rgba(255,255,255,0.1); + background-gradient-end: rgba(255,255,255,0.05); + box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); +} + +.modal-dialog-button { + font-weight: normal; } -.dash-search-button:hover, +.candidate-page-button:hover, .notification-button:hover, .notification-icon-button:hover, .hotplug-notification-item:hover, .hotplug-resident-eject-button:hover, -.modal-dialog-button:hover { - background-gradient-start: rgba(255, 255, 255, 0.3); - background-gradient-end: rgba(255, 255, 255, 0.1); +.modal-dialog-button:hover, +.app-view-control:hover { + border-color: rgba(255,255,255,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.15); + background-gradient-end: rgba(255,255,255,0.1); } -.dash-search-button:selected, -.dash-search-button:focus, .notification-button:focus, .notification-icon-button:focus, .hotplug-notification-item:focus, -.modal-dialog-button:focus { - border: 1px solid #8b8b8b; +.modal-dialog-button:focus, +.app-view-control:focus { + border-color: rgba(255,255,255,0.3); +} + +.app-view-control:focus { + padding: 3px; +} + +.app-view-control:first-child:ltr:focus, +.app-view-control:last-child:rtl:focus { + border-right-width: 1px; } -.dash-search-button:active, -.dash-search-button:pressed, +.candidate-page-button:active, +.candidate-page-button:pressed, .notification-button:active, .notification-icon-button:active, .hotplug-notification-item:active, .hotplug-resident-eject-button:active, .modal-dialog-button:active, -.modal-dialog-button:pressed { - background-gradient-start: rgba(255, 255, 255, 0); - background-gradient-end: rgba(255, 255, 255, 0.2); +.modal-dialog-button:pressed, +.app-view-control:checked { + border-color: rgba(255,255,255,0.1); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.2); + background-gradient-end: rgba(0,0,0,0.1); + box-shadow: inset 0px 1px 2px 0 rgba(0,0,0,0.35); } +.candidate-page-button:insensitive, +.notification-button:insensitive, .notification-icon-button:insensitive, -.notification-button:insensitive { +.modal-dialog-button:insensitive { + border-color: #666666; color: #9f9f9f; + background-gradient-direction: none; + background-color: rgba(102, 102, 102, 0.15); +} + +/* Common radii */ + +#searchEntry, +.modal-dialog-button, +.notification-button, +.hotplug-notification-item, +.app-view-controls { + border-radius: 4px; +} + +.app-view-control:first-child:ltr, +.app-view-control:last-child:rtl { + border-radius: 4px 0px 0px 4px; + border-right-width: 0px; +} + +.app-view-control:last-child:ltr, +.app-view-control:first-child:rtl { + border-radius: 0px 4px 4px 0px; } /* Entries */ #searchEntry, .notification StEntry, -.login-dialog-prompt-entry, -.prompt-dialog-password-entry { - padding: 6px 8px; - border-radius: 3px; +.modal-dialog StEntry { color: white; - border: 1px solid rgba(200,200,200,0.1); - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,0,0.1); - background-gradient-end: rgba(0,0,0,0.1); - box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.4); - selected-color: white; caret-color: white; caret-size: 1px; - width: 250px; + selected-color: white; + padding: 6px 12px; } #searchEntry, +.run-dialog-entry, .notification StEntry { - padding: 6px 8px; - border-radius: 3px; - color: white; - border: 1px solid rgba(200,200,200,0.1); + border: 1px solid rgba(200,200,200,0.4); background-gradient-direction: vertical; background-gradient-start: rgba(0,0,0,0.1); background-gradient-end: rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.4); - selected-color: white; - caret-color: white; - caret-size: 1px; - width: 250px; } #searchEntry:focus, #searchEntry:hover, .notification StEntry:focus, -.login-dialog-prompt-entry, -.prompt-dialog-password-entry { - caret-color: white; - color: white; - border: 1px solid rgba(200,200,200,0.3); +.modal-dialog StEntry { + border: 1px solid rgba(200,200,200,0.6); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.1); + background-gradient-end: rgba(0,0,0,0.1); + box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.4); } .notification StEntry:focus, -.prompt-dialog-password-entry:focus, -.login-dialog-prompt-entry:focus { - border: 1px solid rgba(200,200,200,0.1); +.modal-dialog StEntry:focus { + border: 1px solid rgba(200,200,200,0.6); } #searchEntry { + border-color: rgba(200,200,200,0.4); + color: white; + caret-color: white; +} + +#searchEntry:hover { + border-color: rgba(200,200,200,0.6); color: white; caret-color: white; } @@ -407,12 +448,11 @@ StScrollBar StButton#vhandle:active { #searchEntry:focus { color: white; caret-color: white; - font-weight: bold; + font-weight: normal; } .notification StEntry, -.prompt-dialog-password-entry, -.login-dialog-prompt-entry { +.modal-dialog StEntry { border-radius: 5px; padding: 4px 4px; } @@ -424,11 +464,13 @@ StScrollBar StButton#vhandle:active { padding: 0 4px; } -.login-dialog-prompt-entry:insensitive { - color: rgba(0,0,0,0.7); - border: 2px solid #565656; - background-gradient-start: rgb(200,200,200); - background-gradient-end: rgb(210,210,210); +.modal-dialog StEntry:insensitive { + border-color: #666666; + color: #9f9f9f; + border: 2px solid #9f9f9f; + background-gradient-direction: none; + background-color: rgba(102, 102, 102, 0.15); + box-shadow: inset 0 0 rgba(0,0,0,1.0); } /* Panel */ @@ -439,12 +481,20 @@ StScrollBar StButton#vhandle:active { border-left: 0px; border-right: 0px; border-radius: 0px; - color: white; background-gradient-direction: vertical; background-gradient-start: rgba(0,0,0,0.25); background-gradient-end: rgba(0,0,0,0.45); - height: 2.0em; - font-weight: normal; + font-weight: bold; + height: 1.86em; +} + +#panel.lock-screen { + background-color: rgba(0,0,0,0.3); +} + +#panel.unlock-screen, +#panel.login-screen { + background-color: transparent; } #panelLeft, #panelCenter { @@ -467,6 +517,26 @@ StScrollBar StButton#vhandle:active { padding-right: 4px; } +.panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: transparent; + -panel-corner-border-width: 0px; + -panel-corner-border-color: transparent; +} + +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-border-color: transparent; +} + +.panel-corner.lock-screen, +.panel-corner.unlock-screen, +.panel-corner.login-screen { + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + #appMenu { spacing: 4px; } @@ -499,11 +569,29 @@ StScrollBar StButton#vhandle:active { -minimum-hpadding: 6px; font-weight: bold; color: #fff; - border: 1px solid rgba(255,255,255,0); + border: 1px solid transparent; border-top: 0px; border-bottom: 0px; } +#panel.unlock-screen .panel-button, +#panel.lock-screen .panel-button, +#panel.login-screen .panel-button { + color: #e6e6e6; +} + +#panel.unlock-screen .panel-button:hover, +#panel.lock-screen .panel-button:hover, +#panel.login-screen .panel-button:hover, +#panel.unlock-screen .panel-button:active, +#panel.lock-screen .panel-button:active, +#panel.login-screen .panel-button:active, +#panel.unlock-screen .panel-button:focus, +#panel.lock-screen .panel-button:focus, +#panel.login-screen .panel-button:focus { + color: white; +} + .panel-button:hover { border: 1px solid rgba(255,255,255,0.3); border-top: 0px; @@ -514,15 +602,15 @@ StScrollBar StButton#vhandle:active { background-gradient-end: rgba(255,255,255,0.2); } -.panel-status-button:hover { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.1); - background-gradient-end: rgba(255,255,255,0.2); -} - .panel-button:active, .panel-button:overview, -.panel-button:focus { +.panel-button:focus, +.panel-status-button:active, +.panel-status-button:checked, +.panel-status-button:focus, +.panel-status-button:active:hover, +.panel-status-button:checked:hover, +.panel-status-button:focus:hover { border: 1px solid rgba(255,255,255,0.1); border-top: 0px; border-bottom: 0px; @@ -533,17 +621,10 @@ StScrollBar StButton#vhandle:active { box-shadow: inset 0px 1px 5px rgba(0,0,0,0.251); } -.panel-status-button:active, -.panel-status-button:checked, -.panel-status-button:focus { - border: 1px solid rgba(255,255,255,0.1); - border-top: 0px; - border-bottom: 0px; +.panel-status-button:hover { background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,0,0.1); - background-gradient-end: rgba(0,0,0,0.25); - color: white; - box-shadow: inset 0px 1px 5px rgba(0,0,0,0.251); + background-gradient-start: rgba(255,255,255,0.1); + background-gradient-end: rgba(255,255,255,0.2); } .panel-button:active > .system-status-icon, @@ -553,13 +634,17 @@ StScrollBar StButton#vhandle:active { } .panel-menu { - -boxpointer-gap: 2px; /* Distance between the menu and panel */ + -boxpointer-gap: 1px; /* Distance between the menu and panel */ } .panel-status-button-box { spacing: 4px; } +.lock-screen-status-button-box { + spacing: 8px; +} + /* User Menu */ #panelUserMenu { @@ -569,11 +654,14 @@ StScrollBar StButton#vhandle:active { .status-chooser { spacing: .4em; background-gradient-direction: vertical; - background-gradient-start: rgba(220,220,220,0.1); - background-gradient-end: rgba(220,220,220,0.1); - border: 1px solid rgba(255,255,255,0.2); - border-left-width: 0; - border-right-width: 0; + background-gradient-start: rgba(0,0,0,0.0); + background-gradient-end: rgba(0,0,0,0.5); + border-style: solid; + border-color: rgba(90,90,90,0.2); + border-bottom-width: 1px; + border-top-width: 0px; + padding-bottom: 1.5em; + box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3); } .status-chooser .popup-menu-item, @@ -582,18 +670,21 @@ StScrollBar StButton#vhandle:active { } .status-chooser-user-icon { - border: 1px solid rgba(255,255,255,0.1); border-radius: 0px; + border: 1px solid rgba(255,255,255,0.2); width: 48pt; height: 48pt; background-size: contain; } .status-chooser-user-icon:hover { - border: 1px solid rgba(255,255,255,0.5); + border: 1px solid rgba(0,0,0,0.5); + box-shadow: 0 0 3px 0 rgba(0,0,0,0.8); } + .status-chooser-user-name { - font-weight: bold; + font-weight: normal; + font-size: 1.3em; min-width: 120pt; } @@ -602,10 +693,10 @@ StScrollBar StButton#vhandle:active { } .status-chooser-combo.popup-combo-menu { - background-color: rgba(0,0,0,0.7); + background-color: rgba(210,210,210,1.0); padding: .4em 0em; border-radius: 4px; - border: 1px solid #5f5f5f; + box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.5); } .status-chooser-status-item, @@ -620,48 +711,51 @@ StScrollBar StButton#vhandle:active { /* Overview */ #overview { - spacing: 12px; -} - -.window-caption { - spacing: 25px; + spacing: 24px; } -.workspace-controls { - visible-width: 32px; /* Amount visible before hovering */ +.overview-controls { + padding-bottom: 32px; } .workspace-thumbnails-background { - background-color: rgba(0,0,0,0.0); - border: 0px solid rgba(0,0,0,0.0); + background-color: rgba(0,0,0,0.1); + box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); + border: 1px solid rgba(255,255,255,0.05); border-right: 0px; - border-radius: 0px; - padding: 8px; + border-radius: 8px 0px 0px 8px; + padding: 11px 7px 11px 11px; } .workspace-thumbnails-background:rtl { border-right: 1px; border-left: 0px; - border-radius: 0px; + border-radius: 0px 8px 8px 0px; + padding: 11px 11px 11px 7px; } .workspace-thumbnails { spacing: 11px; + visible-width: 32px; /* Amount visible before hovering */ } .workspace-thumbnail-indicator { - outline: 1px solid rgba(255,255,255,0.2); - border: 1px solid rgba(255,255,255,0.5); + border: 4px solid rgba(255,255,255,0.7); + border-radius: 4px; + padding: 1px; } .window-caption { - background-color: rgba(0,0,0,0.5); - border: 1px solid rgba(255,255,255,0.25); - border-top-width: 0; - border-radius: 0 0 6px 6px; - color: #fff; - padding: 6px 8px; + spacing: 25px; + background: rgba(0,0,0,0.5); + border-radius: 0 0 8px 8px; + padding: 4px 12px; -shell-caption-spacing: 1px; + border: 2px solid rgba(0, 0, 0, 0); +} + +.window-caption:hover { + border: 2px solid rgba(255, 255, 255, 0); } .window-close, .notification-close { @@ -669,9 +763,17 @@ StScrollBar StButton#vhandle:active { background-size: 22px; height: 22px; width: 22px; +} + +.window-close { -shell-close-overlap: 8px; } +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.5); + border-radius: 4px; +} + .notification-close { /* we start out in the top right of the * notification, inset. @@ -681,28 +783,72 @@ StScrollBar StButton#vhandle:active { * adjust left 2px * adjust down 8px */ - -shell-close-overlap-x: 14px; - -shell-close-overlap-y: 12px; + -shell-close-overlap-x: 10px; + -shell-close-overlap-y: 8px; +} + +.notification-close:rtl { + /* as above, but starting out in the top left of the + * notification. */ + + -shell-close-overlap-x: -10px; } .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); } +.window-picker { + -horizontal-spacing: 32px; + -vertical-spacing: 32px; + padding-left: 32px; + padding-right: 32px; + padding-bottom: 48px; +} + +.window-picker.external-monitor { + padding: 32px; +} + +.messages-indicator { + color: #999999; + height: 32px; +} + +.messages-indicator-contents { + spacing: 12px; + padding-bottom: 12px; +} + +.messages-indicator-contents:hover { + color: white; +} + +.messages-indicator-highlight { + background-gradient-start: transparent; + background-gradient-end: #999999; + background-gradient-direction: vertical; + + height: 6px; +} + /* Dash */ #dash { - color: #fff; - padding: 6px 0px; - background-color: rgba(0,0,0,0); - border: 0px; + color: white; + font-size: 9pt; + padding: 4px 0px; + background-color: rgba(0,0,0,0.1); + box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); + border: 1px solid rgba(255,255,255,0.05); border-left: 0px; + border-radius: 0px 8px 8px 0px; } #dash:rtl { border-left: 1px; border-right: 0px; - border-radius: 9px 0px 0px 9px; + border-radius: 8px 0px 0px 8px; } .placeholder { @@ -711,78 +857,65 @@ StScrollBar StButton#vhandle:active { height: 24px; } -#viewSelector { - spacing: 1em; -} - /* Search Box */ #searchEntry { - border-radius: 17px; width: 320px; } .search-entry-icon { icon-size: 1em; - color: white; + color: #c0c0c0; +} + +#searchEntry:hover .search-entry-icon, +#searchEntry:focus .search-entry-icon { + color: #8d8f8a; } /* Search Results */ #searchResults { - padding: 20px 10px 10px 10px; + padding: 20px 10px 0px 10px; spacing: 18px; } -#searchResultsContent { - padding-right: 20px; - spacing: 36px; +#searchResultsBin { + max-width: 1000px; } -#searchResultsContent:rtl { - padding-right: 0px; +#searchResultsContent { padding-left: 20px; + padding-right: 20px; + spacing: 16px; } -.search-section-header { - padding: 4px 12px; - spacing: 4px; - color: white; -} - -.search-statustext { - color: white; - font-weight: bold; -} - -.search-section-results { - padding: 6px; +.search-section { + /* This should be equal to #searchResultsContent spacing */ + spacing: 16px; } -.search-section-list-results { - spacing: 4px; +.search-section-separator { + -gradient-height: 1px; + -gradient-start: rgba(255,255,255,0); + -gradient-end: rgba(255,255,255,0.5); + -margin-horizontal: 1.5em; + height: 1px; } -.results-container { - spacing: 4px; +.search-section-content { + /* This is the space between the provider icon and the results container */ + spacing: 32px; } -/* Text labels are an odd number of pixels tall. The uneven top and bottom - * padding compensates for this and ensures that the label is vertically - * centered */ -.dash-search-button { - border-radius: 16px; - padding-top: 4px; - padding-bottom: 5px; - width: 300px; +.search-statustext { + color: #efefef; + font-size: 2em; font-weight: bold; } -.dash-search-button:focus, -.dash-search-button:selected { - padding-top: 3px; - padding-bottom: 4px; - width: 298px; +.list-search-results { + spacing: 3px; } .dash-label { @@ -793,83 +926,94 @@ StScrollBar StButton#vhandle:active { -x-offset: 8px; } -/* Application Launchers and Grid */ +/* Application Launchers, Grid and List results */ .icon-grid { spacing: 36px; - -shell-grid-horizontal-item-size: 90px; /* was 118px */ - -shell-grid-vertical-item-size: 90px; /* was 118px */ + -shell-grid-horizontal-item-size: 118px; + -shell-grid-vertical-item-size: 118px; } .icon-grid .overview-icon { - icon-size: 64px; /* was 96px */ + icon-size: 96px; } -.all-app { - padding: 16px 25px 16px 16px; +.app-display { + padding: 8px; spacing: 20px; } -.all-app:rtl { - padding-right: 16px; - padding-left: 25px; +.app-view-controls { + width: 250px; + padding-bottom: 32px; } -.app-filter { - font-weight: bold; - height: 2.85em; - color: white; - width: 200px; - padding-left: 8px; - border: 1px solid rgba(0,0,0,0.0); - border-radius: 4px; +.app-view-control { + padding: 4px 16px; } -.app-filter:hover { - color: white; - background-color: rgba(255,255,255,0.2); - border: 1px solid rgba(0,0,0,0.0); - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.2); +.search-display > StBoxLayout, +.all-apps > StBoxLayout, +.frequent-apps > StBoxLayout { + /* horizontal padding to make sure scrollbars or dash don't overlap content */ + padding: 0px 88px; } -.app-filter:selected { - color: #ffffff; - background-gradient-direction: vertical; - background-gradient-start: rgba(121,154,190,1.0); - background-gradient-end: rgba(94,120,147,1.0); - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); - border: 1px solid rgba(0,0,0,0.15); +.app-folder-icon { + padding: 5px; } -.app-filter:selected:rtl { - background-gradient-direction: vertical; - background-gradient-start: rgba(121,154,190,1.0); - background-gradient-end: rgba(94,120,147,1.0); - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); - border: 1px solid rgba(0,0,0,0.15); +.dash-item-container > StButton { + padding: 4px 8px; } -.app-filter:focus { - outline: 1px solid #aaa; +.list-search-result-content { + spacing: 12px; + padding: 12px; } -.dash-item-container > StButton { - padding: 4px 8px; +.list-search-result-title { + font-weight: bold; + font-size: 14pt; + color: white; +} + +.list-search-result-description { + color: #eeeeec; +} + +.search-provider-icon-more { + width: 16px; + height: 16px; + background-image: url("more-results.svg"); } .app-well-app > .overview-icon, .show-apps > .overview-icon, -.search-result-content > .overview-icon { +.search-provider-icon, +.list-search-result, +.grid-search-result .overview-icon { border-radius: 4px; padding: 3px; border: 1px rgba(0,0,0,0); text-align: center; } +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: black; + -arrow-base: 24px; + -arrow-rise: 11px; +} + +.app-folder-popup-bin { + padding: 15px; +} + .app-well-app.running > .overview-icon { background-gradient-direction: vertical; - background-gradient-start: rgba(121,154,190,1.0); - background-gradient-end: rgba(94,120,147,1.0); + background-gradient-start: rgba(102,153,204,1.0); + background-gradient-end: rgba(113,164,215,1.0); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); border: 1px solid rgba(0,0,0,0.15); padding: 3px; @@ -877,20 +1021,33 @@ StScrollBar StButton#vhandle:active { .app-well-app.running:hover > .overview-icon { background-gradient-direction: vertical; - background-gradient-start: rgba(121,154,190,1.0); - background-gradient-end: rgba(94,120,147,1.0); + background-gradient-start: rgba(102,153,204,1.0); + background-gradient-end: rgba(113,164,215,1.0); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.0); padding: 3px; } +.app-well-app.app-folder > .overview-icon { + background-color: rgba(0,0,0,0.5); +} + .app-well-app:hover > .overview-icon, .show-apps:hover > .overview-icon, -.search-result-content:hover > .overview-icon { +.search-provider-icon:hover, +.list-search-result:hover, +.grid-search-result:hover .overview-icon { background-color: rgba(255,255,255,0.2); border: 1px solid rgba(0,0,0,0.0); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.2); - padding: 3px; + color:white; +} + +.app-display .app-well-app > .overview-icon { + border-radius: 8px; +} + +.list-search-result:hover .list-search-result-description { } .show-apps { @@ -905,7 +1062,10 @@ StScrollBar StButton#vhandle:active { color: white; } -.show-apps:checked > .overview-icon { +.app-well-app:checked > .overview-icon, +.app-well-app:active > .overview-icon, +.show-apps:checked > .overview-icon, +.show-apps:active > .overview-icon { background-gradient-start: rgba(255, 255, 255, .05); background-gradient-end: rgba(255, 255, 255, .15); background-gradient-direction: vertical; @@ -919,10 +1079,14 @@ StScrollBar StButton#vhandle:active { } .app-well-app:focus > .overview-icon, -.search-result-content:focus > .overview-icon, +.grid-search-result:focus .overview-icon, .show-apps:focus > .overview-icon, +.search-provider-icon:focus, +.list-search-result:focus, .app-well-app:selected > .overview-icon, -.search-result-content:selected > .overview-icon { +.grid-search-result:selected .overview-icon, +.search-provider-icon:selected, +.list-search-result:selected { background-color: rgba(255,255,255,0.33); } @@ -975,6 +1139,7 @@ StScrollBar StButton#vhandle:active { } .lg-completions-text { + font-size: .9em; font-style: italic; } @@ -1048,7 +1213,7 @@ StScrollBar StButton#vhandle:active { .calendar-vertical-separator { -stipple-width: 1px; - -stipple-color: #505050; + -stipple-color: #585858; width: 0.3em; } @@ -1064,6 +1229,7 @@ StScrollBar StButton#vhandle:active { .calendar-month-label { color: white; + font-size: 9pt; font-weight: bold; padding-bottom: 8px; padding-top: 8px; @@ -1073,7 +1239,7 @@ StScrollBar StButton#vhandle:active { width: 18px; height: 12px; background-image: url("calendar-arrow-left.svg"); - border-radius: 2px; + border-radius: 4px; } .calendar-change-month-back:rtl { @@ -1091,7 +1257,7 @@ StScrollBar StButton#vhandle:active { width: 18px; height: 12px; background-image: url("calendar-arrow-right.svg"); - border-radius: 2px; + border-radius: 4px; } .calendar-change-month-forward:rtl { @@ -1109,22 +1275,30 @@ StScrollBar StButton#vhandle:active { padding: .4em 1.7em; font-weight: bold; text-align: center; - color: #eeeeee; + color: white; } .calendar-day-base { + font-size: 9pt; text-align: center; - width: 2.4em; - height: 2.4em; + width: 2.8em; + height: 2.0em; } .calendar-day-base:hover { - background-color: #777777; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.2); + color: white; + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1); } .calendar-day-base:active { - background-color: #555555; + background-gradient-direction: vertical; + background-gradient-start: rgba(102,153,204,1.0); + background-gradient-end: rgba(113,164,215,1.0); color: white; + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1); } .calendar-day-heading { @@ -1134,16 +1308,19 @@ StScrollBar StButton#vhandle:active { } .calendar-week-number { - color: #e2e2e2; + color: #bababa; font-weight: bold; } /* Hack used in lieu of border-collapse - see calendar.js */ .calendar-day { - border: 1px solid #333; - color: #f0f0f0; + border: 1px solid transparent; + color: white; border-top-width: 0; border-left-width: 0; + background-gradient-direction: vertical; + background-gradient-start: rgba(70,70,70,0.5); + background-gradient-end: rgba(70,70,70,0.5); } .calendar-day-top { @@ -1158,17 +1335,14 @@ StScrollBar StButton#vhandle:active { } .calendar-nonwork-day { - background-color: rgba(128, 128, 128, .1); + background-gradient-direction: vertical; + background-gradient-start: rgba(70,70,70,0.35); + background-gradient-end: rgba(70,70,70,0.35); } .calendar-today { - background-color: rgba(255, 255, 255, .25); + background-image: url("calendar-today.svg"); font-weight: bold; - color: white; -} - -.calendar-other-month-day { - color: #e2e2e2; } .calendar-day-with-events { @@ -1176,6 +1350,13 @@ StScrollBar StButton#vhandle:active { color: white; } +.calendar-other-month-day { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.0); + background-gradient-end: rgba(255,255,255,0.0); + color: #666; +} + .events-header-vbox { spacing: 6pt; padding-right: .5em; @@ -1191,7 +1372,7 @@ StScrollBar StButton#vhandle:active { .events-day-header { font-weight: bold; - color: #e2e2e2; + color: #999999; padding: 0.4em 1.4em 0em 1.4em; } @@ -1244,36 +1425,37 @@ StScrollBar StButton#vhandle:active { /* Message Tray */ #message-tray { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,0,0.6); - background-gradient-end: rgba(0,0,0,0.8); - border-width: 0; - border-radius: 0; - box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); + background-color: rgba(16,16,16,0.8); + box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); + border: 0px solid rgba(255,255,255,0.05); + border-top-width: 1px; + height: 72px; } -#message-tray:keyboard { - /* Same as the OSK */ - background: rgba(0, 0, 0, 0.8); +.message-tray-summary { + height: 72px; } -#message-tray:overview { - background: rgba(0, 0, 0, 0.1); +.no-messages-label { + font-family: "Droid Sans", sans-serif; + font-size: 11pt; + color: #999999; } .notification { - border: 1px solid rgba(255,255,255,0.4); - background-gradient-direction: vertical; - background-gradient-start: rgba(32,32,32,1.0); - background-gradient-end: rgba(32,32,32,1.0); - border-radius: 0px; - border-bottom: 0px; + border-radius: 8px 8px 0px 0px; padding: 8px 8px 4px 8px; - spacing-rows: 10px; + spacing-rows: 4px; spacing-columns: 10px; + border: 1px solid rgba(255,255,255,0.2); + border-bottom-width: 0; + background-gradient-direction: vertical; + background-gradient-start: rgba(32,32,32,0.98); + background-gradient-end: rgba(32,32,32,0.98); } .notification, #notification-container { + font-size: 9pt; width: 34em; } @@ -1299,25 +1481,20 @@ StScrollBar StButton#vhandle:active { .summary-boxpointer { -arrow-border-radius: 0px; -arrow-background-color: rgba(0,0,0,0.0); - -arrow-border-width: 0px; - -arrow-border-color: rgba(255,255,255,0.0); - -arrow-base: 4px; - -arrow-rise: 2px; - border: 1px solid rgba(255,255,255,0.4); - border-top-width: 3px; - background-gradient-direction: vertical; - background-gradient-start: rgba(32,32,32,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); - border-radius: 0px; + -arrow-base: 0px; + -arrow-rise: 0px; color: white; + -boxpointer-gap: 2px; + border: 1px solid rgba(255,255,255,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgba(32,32,32,0.98); + background-gradient-end: rgba(32,32,32,0.98); + border-radius: 8px; } .summary-boxpointer .notification { - border: 0px; - border-radius: 0px; - border-bottom: 0px; - background: rgba(32,32,32,0.0) !important; + border-radius: 8px; + background: rgba(0,0,0,0) !important; padding-bottom: 12px; } @@ -1328,8 +1505,8 @@ StScrollBar StButton#vhandle:active { .summary-notification-stack-scrollview { max-height: 18em; - padding-top: 6px; - padding-bottom: 6px; + padding-top: 8px; + padding-bottom: 8px; } .summary-notification-stack-scrollview:ltr { @@ -1358,43 +1535,16 @@ StScrollBar StButton#vhandle:active { } .notification-actions { + padding-top: 18px; spacing: 10px; } .notification-button { - border-radius: 0px; - color: #fff; - border: 1px solid rgba(255,255,255,0.2); - border-bottom-width: 2px; - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.18); - background-gradient-end: rgba(255,255,255,0.1); - box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5); padding: 4px 42px 5px; } -.notification-button:hover { - border-color: rgba(255,255,255,0.3); - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.12); -} - -.notification-button:active, -.notification-button:pressed, -.notification-button:active:hover, -.notification-button:pressed:hover { - border-color: rgba(255,255,255,0.1); - background-gradient-direction: vertical; - background-gradient-start: rgba(28,28,28,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: inset 0px 1px 5px rgba(0,0,0,0.35); -} - .notification-button:focus { padding: 3px 41px 4px; - border-color: rgba(255,255,255,0.4); - border-bottom-width: 2px; } .notification-icon-button { @@ -1422,35 +1572,10 @@ StScrollBar StButton#vhandle:active { .hotplug-notification-item { padding: 2px 10px; - border-radius: 0px; - color: #fff; - border: 1px solid rgba(255,255,255,0.2); - border-bottom-width: 2px; - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.18); - background-gradient-end: rgba(255,255,255,0.1); - box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5); -} - -.hotplug-notification-item:hover { - border-color: rgba(255,255,255,0.3); - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.12); -} - -.hotplug-notification-item:active, -.hotplug-notification-item:active:hover { - border-color: rgba(255,255,255,0.1); - background-gradient-direction: vertical; - background-gradient-start: rgba(28,28,28,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: inset 0px 1px 5px rgba(0,0,0,0.35); } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; - border-color: rgba(255,255,255,0.4); } .hotplug-notification-item-icon { @@ -1473,6 +1598,7 @@ StScrollBar StButton#vhandle:active { background-gradient-direction: horizontal; background-gradient-start: rgba(255, 255, 255, 0.1); background-gradient-end: rgba(255, 255, 255, 0); + color: #fff; } @@ -1525,6 +1651,7 @@ StScrollBar StButton#vhandle:active { .chat-meta-message { padding-left: 4px; + font-size: 9pt; color: #bbbbbb; } @@ -1533,6 +1660,10 @@ StScrollBar StButton#vhandle:active { padding-right: 4px; } +.chat-notification-scrollview{ + max-height: 22em; +} + .subscription-message { font-style: italic; } @@ -1541,12 +1672,6 @@ StScrollBar StButton#vhandle:active { border-radius: 4px; } -#summary-mode { - height: 72px; - background-color: rgba(0,0,0,0.0); - border-radius: 6px 0 0 0; -} - .summary-source-button { padding: 6px 3px 6px 3px; } @@ -1565,41 +1690,52 @@ StScrollBar StButton#vhandle:active { .summary-source-button:focus .summary-source, .summary-source-button:selected .summary-source { - background-color: rgba(255,255,255,0.2); + background-color: rgba(255,255,255,0.33); } .summary-source { border-radius: 4px; padding: 0 6px 0 6px; - transition-duration: 100; } .summary-source-counter { background-image: url("summary-counter.svg"); - background-size: 2.5em; + background-size: 2.4em; + font-size: 10pt; + font-weight: bold; + height: 2.4em; + width: 2.4em; + -shell-counter-overlap-x: 13px; + -shell-counter-overlap-y: 13px; +} + +/* OSD */ +.osd-window { + text-align: center; font-weight: bold; - height: 2.5em; - width: 2.5em; - -shell-counter-overlap-x: 4px; - -shell-counter-overlap-y: 4px; + spacing: 1em; +} + +.osd-window .level { + height: 0.6em; + border-radius: 0.3em; + background-color: rgba(190,190,190,0.2); } /* App Switcher */ -#altTabPopup { +.switcher-popup { padding: 8px; spacing: 16px; } +.osd-window, .switcher-list { - border: 1px solid rgba(255,255,255,0.4); - border-top-width: 3px; + border: 1px solid rgba(255,255,255,0.2); background-gradient-direction: vertical; - background-gradient-start: rgba(32,32,32,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); - border-radius: 0px; + background-gradient-start: rgba(32,32,32,0.98); + background-gradient-end: rgba(32,32,32,0.98); + border-radius: 8px; padding: 20px; - color: white; } .switcher-list-item-container { @@ -1610,7 +1746,7 @@ StScrollBar StButton#vhandle:active { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 1.0); background-gradient-end: rgba(51, 51, 51, 0); - border-radius: 24px; + border-radius: 8px; border-radius-topright: 0px; border-radius-bottomright: 0px; width: 60px; @@ -1620,7 +1756,7 @@ StScrollBar StButton#vhandle:active { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: rgba(51, 51, 51, 1.0); - border-radius: 24px; + border-radius: 8px; border-radius-topleft: 0px; border-radius-bottomleft: 0px; width: 60px; @@ -1632,22 +1768,12 @@ StScrollBar StButton#vhandle:active { } .switcher-list .item-box:outlined { - background-gradient-direction: vertical; - background-gradient-start: rgba(121,154,190,1.0); - background-gradient-end: rgba(94,120,147,1.0); - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); - border-radius: 3px; - color: rgba(255,255,255,1.0); padding: 6px; + border: 2px solid rgba(85,85,85,1.0); } .switcher-list .item-box:selected { - background-gradient-direction: vertical; - background-gradient-start: rgba(121,154,190,1.0); - background-gradient-end: rgba(94,120,147,1.0); - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); - border-radius: 3px; - color: rgba(255,255,255,1.0); + background: rgba(255,255,255,0.33); } .switcher-list .thumbnail-box { @@ -1693,7 +1819,7 @@ StScrollBar StButton#vhandle:active { .workspace-switcher-container { background: rgba(0,0,0,0.8); border: 1px solid rgba(128,128,128,0.40); - border-radius: 24px; + border-radius: 8px; padding: 20px; } @@ -1734,19 +1860,18 @@ StScrollBar StButton#vhandle:active { .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { + font-size: 14pt; font-weight: bold; - color: #fff; + color: #999999; } .modal-dialog { - border: 1px solid rgba(255,255,255,0.4); - border-top-width: 3px; + border: 1px solid rgba(255,255,255,0.2); background-gradient-direction: vertical; - background-gradient-start: rgba(32,32,32,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); - border-radius: 0px; - color: #fff; + background-gradient-start: rgba(32,32,32,0.98); + background-gradient-end: rgba(32,32,32,0.98); + border-radius: 8px; + padding-right: 42px; padding-left: 42px; padding-bottom: 30px; @@ -1759,83 +1884,31 @@ StScrollBar StButton#vhandle:active { } .modal-dialog-button { - border-radius: 0px; - color: #fff; margin-left: 10px; margin-right: 10px; padding: 4px 32px 5px; - border: 1px solid rgba(255,255,255,0.2); - border-bottom-width: 2px; - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.18); - background-gradient-end: rgba(255,255,255,0.1); - box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5); -} - -.modal-dialog-button:active, -.modal-dialog-button:pressed, -.modal-dialog-button:active:hover, -.modal-dialog-button:pressed:hover { - border-color: rgba(255,255,255,0.1); - background-gradient-direction: vertical; - background-gradient-start: rgba(28,28,28,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: inset 0px 1px 5px rgba(0,0,0,0.35); -} - -.modal-dialog-button:hover { - border-color: rgba(255,255,255,0.3); - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.12); -} - -.modal-dialog-button:insensitive { - color: rgb(60, 60, 60); } .modal-dialog-button:focus { - /* padding: 3px 31px 4px; */ - border-color: rgba(255,255,255,0.4); - border-bottom-width: 2px; + padding: 3px 31px 4px; } /* Run Dialog */ -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-entry { +.run-dialog-label { + font-size: 9pt; font-weight: normal; - width: 23em; - selection-background-color: black; - selected-color: white; - border-radius: 2px; - padding: 4px; color: white; - border: 1px solid rgba(200,200,200,0.12); - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,0,0.3); - background-gradient-end: rgba(0,0,0,0.3); - box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5); - caret-size: 1px; + padding-bottom: .4em; } -.run-dialog { - border: 1px solid rgba(255,255,255,0.4); - border-top-width: 3px; - background-gradient-direction: vertical; - background-gradient-start: rgba(32,32,32,1.0); - background-gradient-end: rgba(32,32,32,1.0); - box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); - border-radius: 0px; - - padding-right: 21px; - padding-left: 21px; - padding-bottom: 15px; +.run-dialog-error-box { padding-top: 15px; + spacing: 5px; +} + +.modal-dialog .run-dialog-entry { + width: 20em; } .lightbox { @@ -1885,6 +1958,7 @@ StScrollBar StButton#vhandle:active { } .end-session-dialog-app-list { + font-size: 10pt; max-height: 200px; padding-top: 42px; padding-left: 49px; @@ -1972,6 +2046,7 @@ StScrollBar StButton#vhandle:active { } .show-processes-dialog-app-list { + font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; @@ -2008,6 +2083,7 @@ StScrollBar StButton#vhandle:active { } .show-processes-dialog-app-list-item-name { + font-size: 10pt; } /* Password or Authentication Dialog */ @@ -2026,6 +2102,7 @@ StScrollBar StButton#vhandle:active { } .prompt-dialog-headline { + font-size: 12pt; font-weight: bold; color: #666666; } @@ -2036,11 +2113,13 @@ StScrollBar StButton#vhandle:active { } .prompt-dialog-error-label { + font-size: 10pt; color: #ffff00; padding-bottom: 8px; } .prompt-dialog-info-label { + font-size: 10pt; padding-bottom: 8px; } @@ -2049,6 +2128,7 @@ StScrollBar StButton#vhandle:active { } .prompt-dialog-null-label { + font-size: 10pt; padding-bottom: 8px; } @@ -2116,24 +2196,27 @@ StScrollBar StButton#vhandle:active { .keyboard-key { min-height: 30px; min-width: 30px; - background-gradient-start: rgba(255,245,245,0.4); - background-gradient-end: rgba(105,105,105,0.1); + border: 1px solid rgba(255,255,255,0.15); background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.1); + background-gradient-end: rgba(255,255,255,0.05); + font-size: 14pt; font-weight: bold; border-radius: 10px; - border: 2px solid #a0a0a0; color: white; } .keyboard-key:grayed { - color: #808080; - border-color: #808080; + color: #808080; + border-color: #808080; } .keyboard-key:checked, .keyboard-key:hover { - background: #303030; - border: 3px solid white; + border-color: rgba(255,255,255,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.15); + background-gradient-end: rgba(255,255,255,0.1); } .keyboard-key:active { @@ -2153,22 +2236,59 @@ StScrollBar StButton#vhandle:active { } /* IBus Candidate Popup */ + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; +} + .candidate-index { - padding: 0.5em 0.5em 0.5em 0.5em; + padding: 0 0.5em 0 0; + color: #cccccc; } -.candidate-label { - padding: 0.5em 0.5em 0.5em 0.5em; +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; } -.candidate-label:selected { +.candidate-box:selected { border-radius: 4px; - background-color: rgba(255,255,255,0.33); + background-color: rgba(255,255,255,0.2); +} + +.candidate-box:hover { + border-radius: 4px; + background-color: rgba(255,255,255,0.1); +} +.candidate-page-button-box { + height: 2em; + width: 80px; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; +} + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; +} + +.candidate-page-button-icon { + icon-size: 1em; } /* Login Dialog */ .login-dialog-banner { + font-size: 10pt; font-weight: bold; text-align: center; color: #666666; @@ -2176,6 +2296,7 @@ StScrollBar StButton#vhandle:active { } .login-dialog-title { + font-size: 14pt; font-weight: bold; color: #666666; padding-bottom: 2em; @@ -2185,6 +2306,10 @@ StScrollBar StButton#vhandle:active { /* Reset border and background */ border: none; background-color: transparent; + + padding-bottom: 80px; + padding-top: 80px; + border-radius: 16px; min-height: 150px; max-height: 700px; @@ -2192,6 +2317,7 @@ StScrollBar StButton#vhandle:active { } .login-dialog-prompt-login-hint-message { + font-size: 10.5pt; } .login-dialog-user-list-view { @@ -2217,6 +2343,7 @@ StScrollBar StButton#vhandle:active { } .login-dialog-user-list-item .login-dialog-user-list-item-name { + font-size: 20pt; padding-left: 1em; } @@ -2265,6 +2392,7 @@ StScrollBar StButton#vhandle:active { } .login-dialog-not-listed-label { + font-size: 10.5pt; font-weight: bold; color: #666666; padding-top: 1em; @@ -2276,6 +2404,7 @@ StScrollBar StButton#vhandle:active { } .login-dialog-username { + font-size: 16pt; font-weight: bold; text-align: left; padding-left: 15px; @@ -2289,6 +2418,7 @@ StScrollBar StButton#vhandle:active { .login-dialog-prompt-label { color: #eeeeee; + font-size: 14px; } .login-dialog-prompt-entry { @@ -2297,6 +2427,7 @@ StScrollBar StButton#vhandle:active { .login-dialog-session-list { color: #ffffff; + font-size: 10.5pt; } .login-dialog-session-list-button { @@ -2342,24 +2473,24 @@ StScrollBar StButton#vhandle:active { height: .75em; } +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} .login-dialog .modal-dialog-button { - border: 1px solid #666666; border-radius: 5px; padding: 3px 18px; } .login-dialog .modal-dialog-button:focus { padding: 2px 17px; - border: 2px solid #8b8b8b; } .login-dialog .modal-dialog-button:default { background-gradient-start: #6793c4; background-gradient-end: #335d8f; background-gradient-direction: vertical; - padding: 2px 17px; - border: 2px solid #16335d; + border-color: #16335d; } .login-dialog .modal-dialog-button:default:focus { @@ -2377,14 +2508,28 @@ StScrollBar StButton#vhandle:active { background-gradient-end: #74a0d0; } +.login-dialog .modal-dialog-button:default:insensitive { + border-color: #666666; + color: #9f9f9f; + background-gradient-direction: none; + background-color: rgba(102, 102, 102, 0.15); +} + .login-dialog-message-warning { color: orange; } -.unlock-dialog-user-name-container { +.user-widget { spacing: .4em; } +.user-widget-label { + font-size: 16pt; + font-weight: bold; + text-align: left; + padding-left: 15px; +} + /* Screen shield */ .screen-shield-background { @@ -2439,18 +2584,25 @@ StScrollBar StButton#vhandle:active { .screen-shield-notifications-box { spacing: 18px; + max-width: 34em; } .screen-shield-notification-source { - padding: 0 24px; + padding: 13px 24px; spacing: 5px; } .screen-shield-notification-label { + font-size: 1.2em; font-weight: bold; + padding: 0px 18px; color: #babdb6; } +.screen-shield-notification-count-text { + padding: 0px 18px; +} + /* Remove background from notifications, otherwise opacity is doubled and they look darker */ @@ -2466,3 +2618,64 @@ StScrollBar StButton#vhandle:active { padding-bottom: 0px; } +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +/* Background menu */ + +.background-menu { + -boxpointer-gap: 4px; +} + +/* OLD 3.6 stuff. It shouldn't hurt to have this here because it doesn't seem that it's used in 3.8. */ + +.all-app { + padding: 16px 25px 16px 16px; + spacing: 20px; +} + +.all-app:rtl { + padding-right: 16px; + padding-left: 25px; +} + +.app-filter { + font-weight: bold; + height: 2.85em; + color: white; + width: 200px; + padding-left: 8px; + border: 1px solid rgba(0,0,0,0.0); + border-radius: 4px; +} + +.app-filter:hover { + color: white; + background-color: rgba(255,255,255,0.2); + border: 1px solid rgba(0,0,0,0.0); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.2); +} + +.app-filter:selected { + color: #ffffff; + background-gradient-direction: vertical; + background-gradient-start: rgba(102,153,204,1.0); + background-gradient-end: rgba(113,164,215,1.0); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); + border: 1px solid rgba(0,0,0,0.15); +} + +.app-filter:selected:rtl { + background-gradient-direction: vertical; + background-gradient-start: rgba(102,153,204,1.0); + background-gradient-end: rgba(113,164,215,1.0); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.3); + border: 1px solid rgba(0,0,0,0.15); +} + +.app-filter:focus { + outline: 1px solid #aaa; +} diff --git a/desktop-themes/Menta/gnome-shell/heart-hover.png b/desktop-themes/Menta/gnome-shell/heart-hover.png deleted file mode 100644 index 2cb5444a..00000000 Binary files a/desktop-themes/Menta/gnome-shell/heart-hover.png and /dev/null differ diff --git a/desktop-themes/Menta/gnome-shell/heart.png b/desktop-themes/Menta/gnome-shell/heart.png deleted file mode 100644 index 5cd541d4..00000000 Binary files a/desktop-themes/Menta/gnome-shell/heart.png and /dev/null differ diff --git a/desktop-themes/Menta/gnome-shell/more-results.svg b/desktop-themes/Menta/gnome-shell/more-results.svg new file mode 100644 index 00000000..9c438f85 --- /dev/null +++ b/desktop-themes/Menta/gnome-shell/more-results.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gnome-shell/switch-off.png b/desktop-themes/Menta/gnome-shell/switch-off.png new file mode 100644 index 00000000..07087554 Binary files /dev/null and b/desktop-themes/Menta/gnome-shell/switch-off.png differ diff --git a/desktop-themes/Menta/gnome-shell/switch-on.png b/desktop-themes/Menta/gnome-shell/switch-on.png new file mode 100644 index 00000000..f5fa8649 Binary files /dev/null and b/desktop-themes/Menta/gnome-shell/switch-on.png differ diff --git a/desktop-themes/Menta/gnome-shell/ws-switch-arrow-down.svg b/desktop-themes/Menta/gnome-shell/ws-switch-arrow-down.svg new file mode 100644 index 00000000..72e3c333 --- /dev/null +++ b/desktop-themes/Menta/gnome-shell/ws-switch-arrow-down.svg @@ -0,0 +1,162 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gnome-shell/ws-switch-arrow-up.svg b/desktop-themes/Menta/gnome-shell/ws-switch-arrow-up.svg new file mode 100644 index 00000000..88a59fbe --- /dev/null +++ b/desktop-themes/Menta/gnome-shell/ws-switch-arrow-up.svg @@ -0,0 +1,142 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/Makefile.am b/desktop-themes/Menta/gtk-3.0/Makefile.am index 993fba8f..7622a613 100644 --- a/desktop-themes/Menta/gtk-3.0/Makefile.am +++ b/desktop-themes/Menta/gtk-3.0/Makefile.am @@ -2,21 +2,25 @@ themedir = $(datadir)/themes/Menta/gtk-3.0 theme_DATA = \ + gnome-applications.css \ gtk.css \ + gtk-fallback.css gtk-main.css \ gtk-main-common.css \ gtk-widgets.css \ gtk-widgets-assets.css \ - gtk-widgets-borders.css + gtk-widgets-backgrounds.css \ + gtk-widgets-borders.css \ + other-applications.css \ + settings.ini \ + unity.css EXTRA_DIST = $(theme_DATA) SUBDIRS = \ - apps \ assets \ borders DIST_SUBDIRS = \ - apps \ assets \ borders diff --git a/desktop-themes/Menta/gtk-3.0/apps/Makefile.am b/desktop-themes/Menta/gtk-3.0/apps/Makefile.am deleted file mode 100644 index c42b2ee1..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/Makefile.am +++ /dev/null @@ -1,13 +0,0 @@ - -themedir = $(datadir)/themes/Menta/gtk-3.0/apps - -theme_DATA = \ - gedit.css \ - gnome-panel.css \ - gnome-terminal.css \ - nautilus.css \ - nemo.css \ - popover.css \ - unity.css - -EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Menta/gtk-3.0/apps/gedit.css b/desktop-themes/Menta/gtk-3.0/apps/gedit.css deleted file mode 100644 index 7967efa2..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/gedit.css +++ /dev/null @@ -1,38 +0,0 @@ -@define-color notebook_tab_gradient_b shade (@bg_color, 0.98); - -GeditWindow .pane-separator, -GeditWindow .pane-separator:hover { -} - -GeditPanel.title GtkLabel { -} - -GeditPanel .toolbar { - border-style: none; - background-color: transparent; -} - -GeditDocumentsPanel .view { -} - -GeditWindow .notebook { - padding: 0px; - border-radius: 1px; - border-width: 1px 0 1px 0; -} - -GeditWindow .notebook tab.top, -GeditWindow .notebook tab.bottom { - border-right-width: 1px; - border-left-width: 1px; -} - -GeditPanel .notebook { - padding: 3px; - border-radius: 1px; -} - -GeditPanel .notebook tab, -GeditWindow .notebook tab { - border-radius: 3px; -} diff --git a/desktop-themes/Menta/gtk-3.0/apps/gnome-panel.css b/desktop-themes/Menta/gtk-3.0/apps/gnome-panel.css deleted file mode 100644 index 4a3ca2a9..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/gnome-panel.css +++ /dev/null @@ -1,146 +0,0 @@ -/* Fallback Mode Panel */ -PanelWidget, -PanelApplet, -PanelToplevel, -.desktop-panel { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - padding: 0; - color: @dark_fg_color; - text-shadow: none; - border-image: none; -} - -PanelApplet { - border-width: 0; -} - -PanelSeparator { - border-width: 0; - background-color: transparent; - color: @dark_fg_color; - text-shadow: none; - border-image: none; -} - -.gnome-panel-menu-bar, -PanelApplet > GtkMenuBar.menubar, -PanelApplet > GtkMenuBar.menubar.menuitem, -PanelMenuBar.menubar, -PanelMenuBar.menubar.menuitem, -.desktop-panel .menubar, -.desktop-panel .menubar .menuitem { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - text-shadow: none; - border-image: none; -} - -PanelAppletFrame { - background-color: @dark_bg_color; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - border-width: 0; - text-shadow: none; - border-image: none; -} - -PanelApplet .button, -.desktop-panel .button { - -GtkButton-inner-border: 2; - - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.05))); - - border-color: transparent; - border-radius: 0; - border-width: 0 1px 0 1px; - - color: @dark_fg_color; - text-shadow: none; - border-image: none; -} - -PanelApplet .button:prelight:active, -PanelApplet .button:active, -.desktop-panel .button:prelight:active, -.desktop-panel .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 0.85)), - to (shade (@dark_bg_color, 1.0))); - border-color: shade (@dark_bg_color, 0.78); - border-radius: 0; - border-width: 0 1px 0 1px; - text-shadow: none; - border-image: none; - box-shadow: inset 0 0 2px 1px alpha (black, 0.5); -} - -PanelApplet .button:prelight, -.desktop-panel .button:prelight { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.7)), - to (shade (@dark_bg_color, 1.25))); - border-color: transparent; - border-radius: 0; - border-width: 0 1px 0 1px; - text-shadow: none; - border-image: none; -} - -ClockBox { - text-shadow: none; -} - -WnckPager, WnckTasklist { - background-color: @dark_bg_color; - text-shadow: none; -} - -/* Classic icon style */ -.gnome-panel-menu-bar { - -PanelMenuBar-icon-visible: true; - border-image: none; -} - -/* Makes the text color on the dark panel white */ -.gnome-panel-menu-bar .menuitem { - color: @dark_fg_color; - text-shadow: none; -} - -.gnome-panel-menu-bar .menuitem:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 1.0)), - to (shade (@selected_bg_color, 0.85))); - border-width: 0; - color: @dark_fg_color; - text-shadow: none; -} - -/* Makes sure that the menus doesn't get white text */ -.gnome-panel-menu-bar .menu.menuitem, -.gnome-panel-menu-bar .menu .menuitem { - color: @fg_color; -} - -.gnome-panel-menu-bar .menu.menuitem:hover, -.gnome-panel-menu-bar .menu .menuitem:hover { - color: @selected_fg_color; -} - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; -} - -/* Fixes the indicator applet text */ -PanelApplet > GtkMenuBar > GtkMenuItem > GtkBox > GtkLabel { - color: @dark_fg_color; - text-shadow: none; - border-image: none; -} diff --git a/desktop-themes/Menta/gtk-3.0/apps/gnome-terminal.css b/desktop-themes/Menta/gtk-3.0/apps/gnome-terminal.css deleted file mode 100644 index db7ea74d..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/gnome-terminal.css +++ /dev/null @@ -1,20 +0,0 @@ -/* gnome-terminal */ -/* TerminalScreen { - -TerminalScreen-background-darkness: 0.95; - background-color: @dark_bg_color; - color: #fff; -} */ - -TerminalWindow GtkNotebook.notebook { - border-bottom-width: 0; - border-right-width: 0; - border-left-width: 0; - border-radius: 0; -} - -TerminalWindow GtkNotebook.notebook tab { - border-bottom-width: 1px; - border-right-width: 1px; - border-left-width: 1px; -} - diff --git a/desktop-themes/Menta/gtk-3.0/apps/nautilus.css b/desktop-themes/Menta/gtk-3.0/apps/nautilus.css deleted file mode 100644 index 487d01fc..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/nautilus.css +++ /dev/null @@ -1,144 +0,0 @@ -@define-color cluebar_color shade (@base_color, 0.9); - -NautilusWindow * { - -GtkPaned-handle-size: 1; -} - -NautilusWindow .view { - background-color: @base_color; -} - -NautilusWindow .view:selected { - background-color: @selected_bg_color; -} - -NautilusWindow .view:selected:backdrop { - background-color: @backdrop_selected_bg_color; -} - -NautilusWindow .view.rubberband { - background-color: alpha (@selected_bg_color, 0.35); -} - -.nautilus-inactive-pane .view { - background-color: shade (@base_color, 0.96); -} - -.nautilus-inactive-pane .view:selected, -.nautilus-inactive-pane .nautilus-canvas-item:selected { - background-color: @backdrop_selected_bg_color; - color: @backdrop_selected_fg_color; -} - -.nautilus-inactive-pane .expander.view:selected { - background-color: @backdrop_selected_bg_color; -} - -.nautilus-canvas-item { - border-radius: 2px; -} - -/* desktop mode */ -.nautilus-desktop.nautilus-canvas-item { - color: @bg_color; - text-shadow: 1px 1px alpha (#000000, 0.8); -} - -.nautilus-desktop.nautilus-canvas-item:active { - background-image: none; - background-color: alpha (@bg_color, 0.84); - color: @fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:selected { - background-image: none; - background-color: alpha (@selected_bg_color, 0.84); - color: @selected_fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:prelight, -.nautilus-desktop.nautilus-canvas-item:selected { - text-shadow: none; -} - -/* browser window */ -NautilusTrashBar.info, -NautilusXContentBar.info, -NautilusSearchBar.info, -NautilusQueryEditor.info { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@cluebar_color, 1.0)), - to (shade (@cluebar_color, 1.0))); - background-color: @cluebar_color; - border-bottom-color: shade (@cluebar_color, 0.92); - border-radius: 0; - border-style: solid; - border-width: 0px 0px 1px 0px; - color: @fg_color; -} - -#nautilus-search-button *:active, -#nautilus-search-button *:active:prelight { - color: @fg_color; -} - -NautilusWindow .toolbar { - padding: 2px; -} - -NautilusWindow > GtkGrid > .pane-separator { - border-width: 1px 1px 0 0; - border-style: solid; - border-color: shade (@bg_color, 0.84); -} - -NautilusWindow > GtkGrid > .pane-separator, -NautilusWindow > GtkGrid > .pane-separator:hover { - border-width: 1px 1px 0 0; - border-style: solid; - border-color: shade (@bg_color, 0.84); - background-color: @bg_color; - color: shade (@bg_color, 0.9); -} - -NautilusView.frame, -NautilusNotebook.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -NautilusNotebook.notebook tab.top, -NautilusNotebook.notebook tab.bottom { - border-right-width: 1px; - border-left-width: 1px; -} - -NautilusNotebook .frame { - border-width: 1px 0 0 0; -} - -/* sidebar */ -NautilusWindow .sidebar, -NautilusWindow .sidebar .view { - background-color: shade (@bg_color, 1.08); - color: @fg_color; - text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); -} - -NautilusWindow .sidebar row:selected { - color: @selected_fg_color; - text-shadow: 0 -1px shade (@selected_bg_color, 0.8); -} - -NautilusWindow .sidebar row:backdrop:selected { - color: @backdrop_selected_fg_color; - text-shadow: none; -} - -NautilusWindow .sidebar .frame { - border-top-width: 1px; - border-style: solid; - border-color: shade (@bg_color, 0.82); -} diff --git a/desktop-themes/Menta/gtk-3.0/apps/nemo.css b/desktop-themes/Menta/gtk-3.0/apps/nemo.css deleted file mode 100644 index d8cb5251..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/nemo.css +++ /dev/null @@ -1,144 +0,0 @@ -@define-color cluebar_color shade (@base_color, 0.9); - -NemoWindow * { - -GtkPaned-handle-size: 1; -} - -NemoWindow .view { - background-color: @base_color; -} - -NemoWindow .view:selected { - background-color: @selected_bg_color; -} - -NemoWindow .view:selected:backdrop { - background-color: @backdrop_selected_bg_color; -} - -NemoWindow .view.rubberband { - background-color: alpha (@selected_bg_color, 0.35); -} - -.nemo-inactive-pane .view { - background-color: shade (@base_color, 0.96); -} - -.nemo-inactive-pane .view:selected, -.nemo-inactive-pane .nemo-canvas-item:selected { - background-color: @backdrop_selected_bg_color; - color: @backdrop_selected_fg_color; -} - -.nemo-inactive-pane .expander.view:selected { - background-color: @backdrop_selected_bg_color; -} - -.nemo-canvas-item { - border-radius: 2px; -} - -/* desktop mode */ -.nemo-desktop.nemo-canvas-item { - color: @bg_color; - text-shadow: 1px 1px alpha (#000000, 0.8); -} - -.nemo-desktop.nemo-canvas-item:active { - background-image: none; - background-color: alpha (@bg_color, 0.84); - color: @fg_color; -} - -.nemo-desktop.nemo-canvas-item:selected { - background-image: none; - background-color: alpha (@selected_bg_color, 0.84); - color: @selected_fg_color; -} - -.nemo-desktop.nemo-canvas-item:active, -.nemo-desktop.nemo-canvas-item:prelight, -.nemo-desktop.nemo-canvas-item:selected { - text-shadow: none; -} - -/* browser window */ -NemoTrashBar.info, -NemoXContentBar.info, -NemoSearchBar.info, -NemoQueryEditor.info { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@cluebar_color, 1.0)), - to (shade (@cluebar_color, 1.0))); - background-color: @cluebar_color; - border-bottom-color: shade (@cluebar_color, 0.92); - border-radius: 0; - border-style: solid; - border-width: 0px 0px 1px 0px; - color: @fg_color; -} - -#nemo-search-button *:active, -#nemo-search-button *:active:prelight { - color: @fg_color; -} - -NemoWindow .toolbar { - padding: 2px; -} - -NemoWindow > GtkGrid > .pane-separator { - border-width: 1px 1px 0 0; - border-style: solid; - border-color: shade (@bg_color, 0.84); -} - -NemoWindow > GtkGrid > .pane-separator, -NemoWindow > GtkGrid > .pane-separator:hover { - border-width: 1px 1px 0 0; - border-style: solid; - border-color: shade (@bg_color, 0.84); - background-color: @bg_color; - color: shade (@bg_color, 0.9); -} - -NemoView.frame, -NemoNotebook.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -NemoNotebook.notebook tab.top, -NemoNotebook.notebook tab.bottom { - border-right-width: 1px; - border-left-width: 1px; -} - -NemoNotebook .frame { - border-width: 1px 0 0 0; -} - -/* sidebar */ -NemoWindow .sidebar, -NemoWindow .sidebar .view { - background-color: shade (@bg_color, 1.08); - color: @fg_color; - text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); -} - -NemoWindow .sidebar row:selected { - color: @selected_fg_color; - text-shadow: 0 -1px shade (@selected_bg_color, 0.8); -} - -NemoWindow .sidebar row:backdrop:selected { - color: @backdrop_selected_fg_color; - text-shadow: none; -} - -NemoWindow .sidebar .frame { - border-top-width: 1px; - border-style: solid; - border-color: shade (@bg_color, 0.82); -} diff --git a/desktop-themes/Menta/gtk-3.0/apps/popover.css b/desktop-themes/Menta/gtk-3.0/apps/popover.css deleted file mode 100644 index 1b977909..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/popover.css +++ /dev/null @@ -1,50 +0,0 @@ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 24; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 6; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 18; - - border-style: solid; - border-color: shade (@bg_color, 0.50); - background-color: @bg_color; - margin: 0; -} - -GraniteWidgetsPopOver * { - background-color: @bg_color; -} - -GraniteWidgetsPopOver .sidebar.view { - background-color: @bg_color; -} - -GraniteWidgetsPopOver .button { - background-image: none; - background-color: alpha (#fff, 0.0); -} - -GraniteWidgetsPopOver .button:active, -GraniteWidgetsPopOver .button:hover:active { - background-image: none; - background-color: alpha (#000, 0.05); -} - -GraniteWidgetsPopOver .entry { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (shade (@base_color, 0.88)), - color-stop (0.20, shade (@base_color, 0.94)), - to (shade (@base_color, 0.96))); -} - -.button.app { - border-width: 0; - border-radius: 5px; -} - -.app:hover, -.app:focus { - background-color: alpha (#000, 0.15); -} diff --git a/desktop-themes/Menta/gtk-3.0/apps/unity.css b/desktop-themes/Menta/gtk-3.0/apps/unity.css deleted file mode 100644 index ea8c9538..00000000 --- a/desktop-themes/Menta/gtk-3.0/apps/unity.css +++ /dev/null @@ -1,30 +0,0 @@ -UnityPanelWidget, -.unity-panel { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.15)), - to (shade (@bg_color, 1.0))); - border-top-color: shade (@bg_color, 1.6); - border-style: solid; - border-width: 0; -} - -.unity-panel.menubar, -.unity-panel .menubar { - color: @fg_color; - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 1px 1px 0 1px; - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 0.96)), - to (shade (@selected_bg_color, 1.15))); - - color: @selected_fg_color; -} diff --git a/desktop-themes/Menta/gtk-3.0/assets/Makefile.am b/desktop-themes/Menta/gtk-3.0/assets/Makefile.am index 94ec935d..776d3a6b 100644 --- a/desktop-themes/Menta/gtk-3.0/assets/Makefile.am +++ b/desktop-themes/Menta/gtk-3.0/assets/Makefile.am @@ -4,30 +4,44 @@ themedir = $(datadir)/themes/Menta/gtk-3.0/assets theme_DATA = \ check-active-ins.png \ check-active.png \ - check-menuitem-dark.png \ - check-menuitem-insensitive-dark.png \ - check-menuitem-insensitive.png \ - check-menuitem.png \ - check-menuitem-unselected.png \ check-mixed-active-ins.png \ check-mixed-active.png \ - check-normal-hover.png \ check-normal-ins.png \ check-normal.png \ + dnd-counter.svg \ + grid-selection-checked.svg \ + grid-selection-unchecked.svg \ + menuitem-checkbox-checked-insensitive.svg \ + menuitem-checkbox-checked-selected.svg \ + menuitem-checkbox-checked.svg \ + menuitem-checkbox-mixed-insensitive.svg \ + menuitem-checkbox-mixed-selected.svg \ + menuitem-checkbox-mixed.svg \ + menuitem-radio-checked-insensitive.svg \ + menuitem-radio-checked-selected.svg \ + menuitem-radio-checked.svg \ + null.png \ + pane-separator-grip.svg \ + pane-separator-grip-vertical.svg \ radio-active-ins.png \ radio-active.png \ - radio-menuitem-dark.png \ - radio-menuitem-insensitive-dark.png \ - radio-menuitem-insensitive.png \ - radio-menuitem.png \ radio-mixed-active-ins.png \ radio-mixed-active.png \ - radio-normal-hover.png \ radio-normal-ins.png \ radio-normal.png \ - switch-off-ins.png \ - switch-off.png \ - switch-on-ins.png \ - switch-on.png + resize-grip.svg \ + sidebar-radio-checked.svg \ + sidebar-radio-prelight.svg \ + sidebar-radio-selected-prelight.svg \ + sidebar-radio-selected.svg \ + slider-hover.png \ + slider-ins.png \ + slider.png \ + switch-off-ins.svg \ + switch-off.svg \ + switch-on-ins.svg \ + switch-on.png \ + switch-on.svg \ + thumbnail-frame.png EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-active-ins.png b/desktop-themes/Menta/gtk-3.0/assets/check-active-ins.png index cd56b7f5..819568ea 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-active-ins.png and b/desktop-themes/Menta/gtk-3.0/assets/check-active-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-active.png b/desktop-themes/Menta/gtk-3.0/assets/check-active.png index ddf40abd..8b4e5104 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-active.png and b/desktop-themes/Menta/gtk-3.0/assets/check-active.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-dark.png b/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-dark.png deleted file mode 100644 index 2466d43f..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-dark.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive-dark.png b/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive-dark.png deleted file mode 100644 index 3a47458e..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive-dark.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive.png b/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive.png deleted file mode 100644 index 51d3d9b3..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-insensitive.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-unselected.png b/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-unselected.png deleted file mode 100644 index a0e8a305..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem-unselected.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem.png b/desktop-themes/Menta/gtk-3.0/assets/check-menuitem.png deleted file mode 100644 index 1b35fa0a..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-menuitem.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active-ins.png b/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active-ins.png index a8a6edfc..65465b96 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active-ins.png and b/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active.png b/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active.png index 5ed9167b..1550b0f3 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active.png and b/desktop-themes/Menta/gtk-3.0/assets/check-mixed-active.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-normal-hover.png b/desktop-themes/Menta/gtk-3.0/assets/check-normal-hover.png deleted file mode 100644 index 0fa7ff69..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-normal-hover.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-normal-ins.png b/desktop-themes/Menta/gtk-3.0/assets/check-normal-ins.png index cb5c5cd2..51abbca0 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-normal-ins.png and b/desktop-themes/Menta/gtk-3.0/assets/check-normal-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/check-normal.png b/desktop-themes/Menta/gtk-3.0/assets/check-normal.png index 098752e7..b175843f 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/check-normal.png and b/desktop-themes/Menta/gtk-3.0/assets/check-normal.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/dnd-counter.svg b/desktop-themes/Menta/gtk-3.0/assets/dnd-counter.svg new file mode 100644 index 00000000..d16ea2fe --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/dnd-counter.svg @@ -0,0 +1,183 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/grid-selection-checked.svg b/desktop-themes/Menta/gtk-3.0/assets/grid-selection-checked.svg new file mode 100644 index 00000000..248ebc96 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/grid-selection-checked.svg @@ -0,0 +1,237 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/grid-selection-unchecked.svg b/desktop-themes/Menta/gtk-3.0/assets/grid-selection-unchecked.svg new file mode 100644 index 00000000..622752df --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/grid-selection-unchecked.svg @@ -0,0 +1,278 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 00000000..049a09ff --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg new file mode 100644 index 00000000..fc75bfba --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked-selected.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked.svg new file mode 100644 index 00000000..4819b8fb --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 00000000..e37b20b6 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,69 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 00000000..466f05f1 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,69 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 00000000..da94c64e --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,69 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 00000000..3cd2cb09 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,65 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-selected.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-selected.svg new file mode 100644 index 00000000..15ee80b3 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked-selected.svg @@ -0,0 +1,65 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked.svg b/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked.svg new file mode 100644 index 00000000..354c5855 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/menuitem-radio-checked.svg @@ -0,0 +1,65 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/null.png b/desktop-themes/Menta/gtk-3.0/assets/null.png new file mode 100644 index 00000000..8777a4cb Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/assets/null.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip-vertical.svg b/desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip-vertical.svg new file mode 100644 index 00000000..9d1190c7 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip-vertical.svg @@ -0,0 +1,107 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip.svg b/desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip.svg new file mode 100644 index 00000000..e2fa9be0 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/pane-separator-grip.svg @@ -0,0 +1,107 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-active-ins.png b/desktop-themes/Menta/gtk-3.0/assets/radio-active-ins.png index 116d3654..a8f0a035 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-active-ins.png and b/desktop-themes/Menta/gtk-3.0/assets/radio-active-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-active.png b/desktop-themes/Menta/gtk-3.0/assets/radio-active.png index b8fe6301..c517be2f 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-active.png and b/desktop-themes/Menta/gtk-3.0/assets/radio-active.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-dark.png b/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-dark.png deleted file mode 100644 index fdfd17e5..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-dark.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive-dark.png b/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive-dark.png deleted file mode 100644 index f4290252..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive-dark.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive.png b/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive.png deleted file mode 100644 index 2adbfb11..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem-insensitive.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem.png b/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem.png deleted file mode 100644 index b421559f..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-menuitem.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active-ins.png b/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active-ins.png index 13e5fcdb..da7cb0f7 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active-ins.png and b/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active.png b/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active.png index 8e360af6..8af2cc65 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active.png and b/desktop-themes/Menta/gtk-3.0/assets/radio-mixed-active.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-normal-hover.png b/desktop-themes/Menta/gtk-3.0/assets/radio-normal-hover.png deleted file mode 100644 index 43bb239e..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-normal-hover.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-normal-ins.png b/desktop-themes/Menta/gtk-3.0/assets/radio-normal-ins.png index c83c0491..2c9af32e 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-normal-ins.png and b/desktop-themes/Menta/gtk-3.0/assets/radio-normal-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/radio-normal.png b/desktop-themes/Menta/gtk-3.0/assets/radio-normal.png index 61090cf2..4aefd439 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/radio-normal.png and b/desktop-themes/Menta/gtk-3.0/assets/radio-normal.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/resize-grip.svg b/desktop-themes/Menta/gtk-3.0/assets/resize-grip.svg new file mode 100644 index 00000000..fa1f5872 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/resize-grip.svg @@ -0,0 +1,117 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-checked.svg b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-checked.svg new file mode 100644 index 00000000..ea4aca4d --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-checked.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-prelight.svg b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-prelight.svg new file mode 100644 index 00000000..ea4aca4d --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-prelight.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected-prelight.svg b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected-prelight.svg new file mode 100644 index 00000000..7ec4500f --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected-prelight.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected.svg b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected.svg new file mode 100644 index 00000000..e6c11b1c --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/sidebar-radio-selected.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/slider-hover.png b/desktop-themes/Menta/gtk-3.0/assets/slider-hover.png new file mode 100644 index 00000000..72c5437b Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/assets/slider-hover.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/slider-ins.png b/desktop-themes/Menta/gtk-3.0/assets/slider-ins.png new file mode 100644 index 00000000..f31f5c90 Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/assets/slider-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/slider.png b/desktop-themes/Menta/gtk-3.0/assets/slider.png new file mode 100644 index 00000000..3fdda2c9 Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/assets/slider.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.png b/desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.png deleted file mode 100644 index 0de0ba10..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.svg b/desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.svg new file mode 100644 index 00000000..e4b2dc90 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/switch-off-ins.svg @@ -0,0 +1,665 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-off.png b/desktop-themes/Menta/gtk-3.0/assets/switch-off.png deleted file mode 100644 index 559214f1..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/switch-off.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-off.svg b/desktop-themes/Menta/gtk-3.0/assets/switch-off.svg new file mode 100644 index 00000000..b05dac32 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/switch-off.svg @@ -0,0 +1,651 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.png b/desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.png deleted file mode 100644 index a25fcbb5..00000000 Binary files a/desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.png and /dev/null differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.svg b/desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.svg new file mode 100644 index 00000000..5965e5c3 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/switch-on-ins.svg @@ -0,0 +1,655 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-on.png b/desktop-themes/Menta/gtk-3.0/assets/switch-on.png index f1ecf35f..16fe80b8 100644 Binary files a/desktop-themes/Menta/gtk-3.0/assets/switch-on.png and b/desktop-themes/Menta/gtk-3.0/assets/switch-on.png differ diff --git a/desktop-themes/Menta/gtk-3.0/assets/switch-on.svg b/desktop-themes/Menta/gtk-3.0/assets/switch-on.svg new file mode 100644 index 00000000..964f9b78 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/assets/switch-on.svg @@ -0,0 +1,397 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/gtk-3.0/assets/thumbnail-frame.png b/desktop-themes/Menta/gtk-3.0/assets/thumbnail-frame.png new file mode 100644 index 00000000..ba5d7212 Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/assets/thumbnail-frame.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/Makefile.am b/desktop-themes/Menta/gtk-3.0/borders/Makefile.am index 71f267d6..e0719942 100644 --- a/desktop-themes/Menta/gtk-3.0/borders/Makefile.am +++ b/desktop-themes/Menta/gtk-3.0/borders/Makefile.am @@ -5,7 +5,9 @@ theme_DATA = \ button.png \ button-active.png \ button-active-focus.png \ + button-active-ins.png \ button-focus.png \ - button-ins.png + button-ins.png \ + nohl-generic-border.png EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Menta/gtk-3.0/borders/button-active-focus.png b/desktop-themes/Menta/gtk-3.0/borders/button-active-focus.png index 048b548e..c087f2af 100644 Binary files a/desktop-themes/Menta/gtk-3.0/borders/button-active-focus.png and b/desktop-themes/Menta/gtk-3.0/borders/button-active-focus.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/button-active-ins.png b/desktop-themes/Menta/gtk-3.0/borders/button-active-ins.png new file mode 100644 index 00000000..2c474fb7 Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/borders/button-active-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/button-active.png b/desktop-themes/Menta/gtk-3.0/borders/button-active.png index 4713bc9e..ec2a6716 100644 Binary files a/desktop-themes/Menta/gtk-3.0/borders/button-active.png and b/desktop-themes/Menta/gtk-3.0/borders/button-active.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/button-focus.png b/desktop-themes/Menta/gtk-3.0/borders/button-focus.png index 9a64979c..2d936ec0 100644 Binary files a/desktop-themes/Menta/gtk-3.0/borders/button-focus.png and b/desktop-themes/Menta/gtk-3.0/borders/button-focus.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/button-ins.png b/desktop-themes/Menta/gtk-3.0/borders/button-ins.png index f3ac07de..ca1f9031 100644 Binary files a/desktop-themes/Menta/gtk-3.0/borders/button-ins.png and b/desktop-themes/Menta/gtk-3.0/borders/button-ins.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/button.png b/desktop-themes/Menta/gtk-3.0/borders/button.png index a53b2592..f0abc6af 100644 Binary files a/desktop-themes/Menta/gtk-3.0/borders/button.png and b/desktop-themes/Menta/gtk-3.0/borders/button.png differ diff --git a/desktop-themes/Menta/gtk-3.0/borders/nohl-generic-border.png b/desktop-themes/Menta/gtk-3.0/borders/nohl-generic-border.png new file mode 100644 index 00000000..bcf97afc Binary files /dev/null and b/desktop-themes/Menta/gtk-3.0/borders/nohl-generic-border.png differ diff --git a/desktop-themes/Menta/gtk-3.0/gnome-applications.css b/desktop-themes/Menta/gtk-3.0/gnome-applications.css new file mode 100644 index 00000000..07471b63 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/gnome-applications.css @@ -0,0 +1,716 @@ +@define-color documents_emblem_bg @theme_selected_bg_color; +@define-color documents_collection_bg @theme_bg_color; + +/**************** + * Applications * + ****************/ +/* used by gnome-font-viewer and sushi */ +SushiFontWidget { + padding: 6px 12px; +} + +/* gnome-terminal */ +TerminalScreen { + background-color: @theme_base_color; + color: @theme_fg_color; + -TerminalScreen-background-darkness: 0.95; +} + +TerminalWindow GtkNotebook.notebook { + border-bottom-width: 0; + border-right-width: 0; + border-left-width: 0; +} + +/* nautilus */ +.nautilus-canvas-item { + border-radius: 5px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: @theme_selected_fg_color; + text-shadow: 1px 1px black; +} + +.nautilus-desktop.nautilus-canvas-item:active { + color: @theme_text_color; +} + +.nautilus-desktop.nautilus-canvas-item:selected { + color: @theme_selected_fg_color; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + text-shadow: none; +} + +NautilusWindow .sidebar .frame { + border-width: 1px 0 0 0; + border-style: solid; + border-color: @borders; + border-radius: 0; +} + +NautilusWindow * { + -GtkPaned-handle-size: 1; +} + +NautilusWindow .pane-separator { + background-image: url("assets/null.png"); +} + +NautilusWindow > GtkGrid > .pane-separator, +NautilusWindow > GtkGrid > .pane-separator:hover { + border-width: 1px 1px 0 0; + border-style: solid; + border-color: @borders; + background-color: @sidebar_bg; + color: shade (@theme_bg_color, 0.9); +} + +NautilusView.frame, +NautilusNotebook.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +NautilusNotebook.notebook tab.top, +NautilusNotebook.notebook tab.bottom { + border-right-width: 1px; + border-left-width: 1px; + padding-top: 0; + padding-bottom: 0; +} + +NautilusNotebook.notebook tab.top:active { + padding-top: 2px; +} +NautilusNotebook.notebook tab.bottom:active { + padding-bottom: 2px; +} + +NautilusNotebook .frame { + border-width: 1px 0 0 0; +} + +NautilusToolbar .button { + icon-shadow: 0 1px @button_text_shadow; +} + +NautilusToolbar .toolbar { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_bg_color, 0.94)); +} + +NautilusToolbar .button *:active { + icon-shadow: 0 1px @button_active_text_shadow; +} + +NautilusToolbar .button *:insensitive, +NautilusToolbar .button *:active:insensitive { + text-shadow: none; +} + +NautilusQueryEditor .primary-toolbar.toolbar { + border-bottom-width: 0; +} + +NautilusQueryEditor .toolbar { + padding-top: 3px; + padding-bottom: 2px; + + border-width: 1px 0 0 0; + border-style: solid; + border-color: @theme_bg_color; + + background-color: mix(@theme_bg_color, @theme_base_color, 0.5); +} + +NautilusQueryEditor .toolbar:nth-child(2) { + border-color: @borders; +} + +NautilusNotebook.notebook NautilusQueryEditor .primary-toolbar.toolbar { + border-top-width: 0; +} + +NautilusNotebook.notebook NautilusQueryEditor .toolbar:last-child, +NautilusNotebook.notebook NautilusQueryEditor .primary-toolbar.toolbar:only-child { + border-bottom-width: 1px; + border-bottom-color: @borders; +} + +/* gedit */ + +GeditWindow .pane-separator, +GeditWindow .pane-separator:hover { + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: @borders; + background-color: shade(@theme_bg_color, 0.95); + color: @borders; +} + +GeditPanel.title GtkLabel { + padding: 7px 0 6px 0; +} + +GeditPanel .toolbar { + border-style: none; + background-color: transparent; +} + +GeditDocumentsPanel .view { + background-color: @sidebar_bg; +} + +GeditPanel .notebook { + padding: 0px; + border-width: 1px 0; +} + +GeditWindow .notebook { + border-width: 1px 0; +} + +GeditPanel .notebook tab, +GeditWindow .notebook tab { + border-width: 1px 1px 0 1px; +} + +GeditStatusComboBox .button { + text-shadow: none; +} + +GeditStatusComboBox .button, +GeditStatusComboBox .button:hover, +GeditStatusComboBox .button:active, +GeditStatusComboBox .button:active:hover { + border-image: none; + border-style: solid; + border-width: 0 1px; + border-radius: 0; + padding: 1px 8px 2px 4px; +} + +GeditStatusComboBox .button:hover, +GeditStatusComboBox .button:active, +GeditStatusComboBox .button:active:hover { + border-color: @borders; +} + +GeditViewFrame .gedit-search-slider { + background-color: @theme_base_color; + padding: 6px; + border-color: shade (@notebook_tab_gradient_b, 0.80); + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +GeditViewFrame .gedit-search-slider .not-found { + color: @error_fg_color; + background-image: none; + background-color: @error_bg_color; +} + +GeditViewFrame .gedit-search-slider .not-found:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* gnome-documents */ +.documents-dropdown, +.documents-dropdown .view { + background-color: shade (@theme_bg_color, 1.02); +} + +.documents-dropdown.frame { + padding: 6px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-radius: 0 0 5px 5px; +} + +.documents-dropdown .view.radio, +.documents-dropdown .view.radio:focused, +.documents-dropdown .view.radio:selected { + background-image: none; + background-color: alpha(@theme_base_color, 0.0); +} + +.documents-dropdown .view.radio:active, +.documents-dropdown .view.radio:active:focused, +.documents-dropdown .view.radio:active:prelight { + background-image: url("assets/sidebar-radio-checked.svg"); +} + +.documents-dropdown .view.radio:prelight { + background-image: url("assets/sidebar-radio-prelight.svg"); +} + +.documents-dropdown .view.radio:active:selected, +.documents-dropdown .view.radio:active:selected:focused { + background-image: url("assets/sidebar-radio-selected.svg"); +} + +.documents-dropdown .view.radio:selected:prelight, +.documents-dropdown .view.radio:selected:focused { + background-image: url("assets/sidebar-radio-selected-prelight.svg"); +} + +.documents-load-more.button { + border-image: none; + border-color: @borders; + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-scrolledwin.frame { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: @documents_emblem_bg; + border-radius: 4px; + + color: @theme_base_color; +} + +.documents-collection-icon { + background-color: @documents_collection_bg; + border-radius: 8px; +} + +.documents-counter { + background-image: url('assets/dnd-counter.svg'); + background-size: contain; + background-color: transparent; + color: @theme_base_color; + font: bold; +} + +.documents-favorite.button *:active, +.documents-favorite.button *:active:hover { + color: shade(@theme_selected_bg_color, 1.20); +} + +.documents-entry-tag { + background-color: @entry_tag_bg; + color: @entry_tag_fg; + + border-radius: 4px; + border-width: 0; + + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover { + background-color: shade(@entry_tag_bg, 1.10); + color: @entry_tag_fg; +} + +.documents-entry-tag.button, +.documents-entry-tag.button:hover, +.documents-entry-tag.button:active, +.documents-entry-tag.button:active:hover { + background-color: transparent; + background-image: none; + border-image: none; + border-width: 0; +} + +.documents-entry-tag.button:hover { + color: shade(@entry_tag_bg, 2.10); +} + +/* baobab */ + +.baobab-toolbar.toolbar { + border-style: solid; + border-width: 0 0 1px 0; + border-radius: 0; +} + +.cell.baobab-level-cell, +.cell.baobab-level-cell:hover, +.cell.baobab-level-cell:selected, +.cell.baobab-level-cell:selected:hover { + border-color: darker(@borders); + border-width: 1px; + border-radius: 3px; + border-style: solid; + background-color: white; +} + +.cell.baobab-level-cell.fill-block, +.cell.baobab-level-cell.fill-block:selected, +.cell.baobab-level-cell.fill-block:selected:hover { + background-color: #edd400; +} + +.cell.baobab-level-cell.fill-block.level-low, +.cell.baobab-level-cell.fill-block.level-low:hover { + background-color: #73d216; +} + +.cell.baobab-level-cell.fill-block.level-high, +.cell.baobab-level-cell.fill-block.level-high:hover { + background-color: #cc0000; +} + +.cell.baobab-cell-error { + color: @error_color; +} + +.cell.baobab-cell-warning { + color: @warning_color; +} + +.cell.baobab-cell-warning:selected, +.cell.baobab-cell-error:selected { + color: @theme_selected_fg_color; +} + +BaobabWindow.background GdStack > GtkGrid > GtkScrolledWindow.frame { + border-radius: 0; + border-width: 0 1px 0 0; +} + +BaobabWindow GtkInfoBar.warning, +BaobabWindow GtkInfoBar.error { + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: @borders; +} + +/* epiphany */ + +EphyToolbar .entry:first-child, +EphyToolbar .entry:focus:first-child { + border-image-width: 3px 0 4px 3px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + padding-left: 4px; + padding-right: 4px; +} + +EphyToolbar .entry:last-child, +EphyToolbar .entry:focus:last-child { + border-image-width: 3px 3px 4px 0; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + padding-left: 4px; + padding-right: 4px; +} + +EphyToolbar .entry:focus { + box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 1px alpha(@theme_selected_bg_color, 0.1), + inset 0 -1px alpha(@theme_selected_bg_color, 0.2); +} + +EphyToolbar .entry:focus:last-child { + box-shadow: inset 0 2px alpha(@theme_selected_bg_color, 0.1), + inset 0 1px alpha(@theme_selected_bg_color, 0.1), + inset -1px -1px alpha(@theme_selected_bg_color, 0.2); +} + +EphyToolbar .location-entry .button { + color: @internal_element_color; + -GtkButton-child-displacement-y: 0; + border-image-source: url("borders/button-active.png"); + border-image-slice: 3 3 4 3; + border-image-repeat: stretch; + border-width: 2px; + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + box-shadow: inset 1px 0 @inset_dark_color, + inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +EphyToolbar .location-entry .button:last-child { + border-image-width: 3px 3px 4px 0; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +EphyToolbar .location-entry .button:first-child { + border-image-width: 3px 0 4px 3px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + /* flip the box-shadow division*/ + box-shadow: inset -1px 0 @inset_dark_color, + inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +EphyToolbar .location-entry .button, +EphyToolbar .location-entry .button:hover { + icon-shadow: none; + background-image: -gtk-gradient(linear, + left top, left bottom, + from(@entry_background_a), + to(@entry_background_b)); +} + +EphyToolbar .location-entry .button:active, +EphyToolbar .location-entry .button:active:hover { + background-image: -gtk-gradient(linear, + left top, left bottom, + from(shade(@entry_background_a, 0.9)), + to(@entry_background_b)); +} + +EphyToolbar .location-entry .button:hover, +EphyToolbar .location-entry .button:active, +EphyToolbar .location-entry .button *:active { + color: @theme_text_color; +} + +EphyNotebook.notebook { + border-width: 1px 0 1px 0; +} + +EphyNotebook.notebook tab { + border-width: 0; +} + +EphyToolbar.toolbar .button { + padding-left: 4px; + padding-right: 4px; +} + +#ephy-page-menu-button.active-menu { + background-image: linear-gradient(to bottom, + @button_active_gradient_color_a, + @button_active_gradient_color_b); + background-color: transparent; + border-image: url("borders/button-active.png") 3 4 4 4 / 3px 4px 4px 4px stretch; +} + +EphyOverview GtkScrolledWindow { + background-color: @theme_base_color; +} + +/* sets top and bottom borders on the main scrolled window for toolbar visual + * division and search/downloadbar */ +EphyWindow.background EphyEmbed.vertical GtkScrolledWindow.frame { + border-color: @borders; + border-width: 1px 0; + border-radius: 0; +} + +/* removes any border from the overview scrolled window, since it's overlaid */ +EphyWindow.background EphyEmbed.vertical EphyOverview .documents-scrolledwin { + border-style: none; +} + +/* remove top and bottom borders from the main scrolled window when inside a notebook tab */ +EphyWindow.background EphyNotebook.notebook EphyEmbed.vertical GtkScrolledWindow { + border-top-width: 0; + border-bottom-width: 0; +} + +/* remove bottom borders from the main scrolled window when no bars at the bottom of the screen are shown */ +EphyWindow.background EphyNotebook:last-child EphyEmbed.vertical GtkScrolledWindow, +EphyWindow.background EphyNotebook.notebook:last-child { + border-bottom-width: 0; +} + +/* Gnome Contacts */ + +/* Line at top in contacts pane, similar to .documents-scrolledwin.frame */ +.contacts-content.frame { + border-width: 1px 0 0 0; + border-radius: 0; +} + +/* Background color in contacts pane, similar to .documents-main-view.view */ +.contacts-main-view.view { + background-color: #f1f2f1; +} + +.contacts-suggestion { + background-color: #D3D7CF; + border-radius: 4px; +} + +/* Border on the right in the left menu toolbar */ +.contacts-left-toolbar.toolbar.menubar { + border-image: linear-gradient(to bottom, @theme_bg_color, shade(@borders, 1.2)); + border-image-width: 0 1px 0 0; + border-image-slice: 1; +} + +/* Sidebar with line at top and the left */ +ContactsWindow .sidebar.frame { + border-width: 1px 1px 0 0; + border-style: solid; + border-color: @borders; + border-image: none; + border-radius: 0; + padding: 0; +} + +.contacts-avatar-frame.frame { + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: @borders; + border-image: none; + border-radius: 0; + padding: 0; +} + +/* Primary toolbar with no line at top to avoid conflicts with frame border */ +ContactsWindow .primary-toolbar.toolbar { + border-width: 0 0 1px 0; +} + +ContactsWindow .sidebar .view { + background-color: #ebebeb; +} +ContactsWindow .sidebar .view:selected, +ContactsWindow .sidebar .view:selected:focus { + background-color: @theme_selected_bg_color; +} + +.contacts-button:active { + border-color: #000000; + border-image: none; +} + +.contacts-entry { + box-shadow: none; + border-image: none; + border-width: 1px; + border-radius: 4px; + border-style: solid; + border-color: #bbbeb7; + background-image: none; + background-color: #ffffff; +} + +.contacts-entry:selected, +.contacts-entry:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +.contacts-entry.contacts-postal-entry { + border-radius: 0 0 0 0; + border-width: 1px 1px 0 1px; +} + +.contacts-entry.contacts-postal-entry:nth-child(first) { + border-radius: 4px 4px 0 0; +} + +.contacts-entry.contacts-postal-entry:nth-child(last) { + border-radius: 0 0 4px 4px; + border-width: 1px; +} + +.button.contacts-square { + padding: 0px; +} + +.contacts-combo .button { + border-image: none; + border-width: 1px; + border-style: solid; + border-color: #bbbeb7; + background-image: none; + background-color: #ffffff; +} + +.toolbar.contacts-edit-toolbar { + padding: 6px; + background-color: #E2E4E2; + border-width: 1px 0 0 0; + border-style: solid; + border-color: @borders; + border-image: none; +} + +.toolbar.contacts-edit-toolbar .button { + padding-left: 6px; + padding-right: 6px; +} + +.toolbar.contacts-selection-toolbar { + border-width: 1px 0 0 0; + border-style: solid; + border-color: @borders; + border-image: none; +} + +/* Gucharmap */ +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* evince */ +EvWindow.background > GtkBox.vertical > GtkPaned.horizontal > GtkBox.vertical > GtkScrolledWindow.frame { + border-width: 0; + border-radius: 0; +} + +EvWindow.background EvSidebar.vertical .frame { + border-width: 1px 0 0; + border-radius: 0; +} + +EvWindow.background EvSidebar.vertical .notebook { + border-width: 1px 0 0; +} + +EvWindow.background EvSidebarAnnotations.vertical GtkToolPalette > GtkToolItemGroup > .button { + border-image: none; + border-radius: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: @borders; +} + +EvWindow.background EvSidebar.vertical .notebook .frame { + border-width: 0; +} + +EvWindow .pane-separator, +EvWindow .pane-separator:hover { + border-width: 0 1px; + border-style: solid; + border-color: @borders; + background-color: shade(@theme_bg_color, 0.95); + color: @borders; +} + +EvWindow.background EggFindBar.toolbar { + border-width: 1px 0 0; + border-style: solid; + border-color: @borders; +} + +/* gcalctool */ + +MathWindow.background > GtkBox.vertical > GtkBox.vertical > GtkScrolledWindow { + padding: 4px; + background-color: @theme_base_color; + border-radius: 3px; +} diff --git a/desktop-themes/Menta/gtk-3.0/gtk-fallback.css b/desktop-themes/Menta/gtk-3.0/gtk-fallback.css new file mode 100644 index 00000000..f96d1b3a --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/gtk-fallback.css @@ -0,0 +1,15 @@ +.menu { + border-image: linear-gradient(to top, + alpha(@borders, 0.80), + alpha(@borders, 0.60) 33%, + alpha(@borders, 0.50) 66%, + alpha(@borders, 0.15)) 1 1 1 1/ 1px 1px 1px 1px; +} + +.menubar .menu { + border-image: linear-gradient(to top, + alpha(@borders, 0.80), + alpha(@borders, 0.60) 33%, + alpha(@borders, 0.50) 66%, + transparent 99%) 1 1 1 1/ 1px 1px 1px 1px; +} diff --git a/desktop-themes/Menta/gtk-3.0/gtk-main-common.css b/desktop-themes/Menta/gtk-3.0/gtk-main-common.css index 058ea653..fcfb3756 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-main-common.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-main-common.css @@ -1,14 +1,16 @@ +/* common color definitions to the light and dark variations */ + /******* * OSD * *******/ @define-color osd_highlight #ffffff; @define-color osd_lowlight #525252; @define-color osd_base #212526; +@define-color osd_base_backdrop shade(@osd_base, 1.40); @define-color osd_fg #ededed; @define-color osd_bg alpha(@osd_base, 0.80); - -@define-color osd_bg_backdrop alpha(shade(@osd_base, 1.40), 0.90); +@define-color osd_bg_backdrop alpha(@osd_base_backdrop, 0.90); @define-color osd_text_shadow alpha(black, 0.75); @@ -27,9 +29,9 @@ @define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14); @define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14); -@define-color osd_button_bg_active_a alpha(@osd_lowlight, 0.18); -@define-color osd_button_bg_active_b alpha(@osd_highlight, 0.23); -@define-color osd_button_bg_active_c alpha(@osd_lowlight, 0.17); +@define-color osd_button_bg_active_a alpha(black, .9); +@define-color osd_button_bg_active_b alpha(black, 0.4); +@define-color osd_button_bg_active_c alpha(black, 0); @define-color osd_button_bg_backdrop alpha(@osd_highlight, 0.18); @define-color osd_button_bg_backdrop_hover alpha(@osd_highlight, 0.25); @@ -45,11 +47,28 @@ @define-color osd_button_fg_insensitive shade(@osd_fg, 0.70); @define-color osd_button_border alpha(@osd_highlight, 0.40); +@define-color osd_button_border_active alpha(@osd_highlight, 0.8); @define-color osd_button_inset shade(@osd_fg, 0.67); @define-color osd_button_shadow alpha(black, 0.35); @define-color osd_trough_bg alpha(@osd_button_fg, 0.10); +@define-color osd_view_bg alpha(@osd_bg, 0.60); +@define-color osd_view_bg_backdrop alpha(@osd_bg_backdrop, 0.60); + +@define-color osd_scrollbar_trough shade(@osd_base, 1.70); +@define-color osd_scrollbar_trough_backdrop shade(@osd_base_backdrop, 1.40); + +@define-color osd_scrollbar_slider shade(@osd_scrollbar_trough, 1.50); +@define-color osd_scrollbar_slider_prelight shade(@osd_scrollbar_trough, 1.80); +@define-color osd_scrollbar_slider_active shade(@osd_scrollbar_trough, 2.10); +@define-color osd_scrollbar_slider_backdrop shade(@osd_scrollbar_trough_backdrop, 1.50); + +/*********** + * Popover * + ***********/ +@define-color osd_popover_bg alpha(@osd_base, 0.90); + /********************* * Error/Warning/... * *********************/ @@ -70,3 +89,17 @@ @define-color error_fg_color white; @define-color error_text_shadow alpha(black, 0.5); @define-color error_bg_color rgb (237, 54, 54); + +/***************** + * Fallback Mode * + *****************/ +@define-color os_chrome_bg_color black; +@define-color os_chrome_fg_color #ccc; +@define-color os_chrome_selected_bg_color #333; +@define-color os_chrome_selected_fg_color white; + +/************ + * Tooltips * + ************/ +@define-color theme_tooltip_bg_color #F5F5B5; +@define-color theme_tooltip_fg_color #2c2c2c; diff --git a/desktop-themes/Menta/gtk-3.0/gtk-main.css b/desktop-themes/Menta/gtk-3.0/gtk-main.css index 4322d7a5..63f0fa0b 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-main.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-main.css @@ -1,58 +1,211 @@ /* Default color scheme */ -@define-color bg_color #d2d2d2; -@define-color fg_color #2c2c2c; -@define-color base_color #f7f7f7; -@define-color text_color #2c2c2c; -@define-color selected_bg_color #99BD73; -@define-color selected_fg_color #ffffff; -@define-color tooltip_bg_color #F5F5B5; -@define-color tooltip_fg_color #2c2c2c; - -/* other color schemes could simply override these */ -@define-color theme_bg_color @bg_color; -@define-color theme_fg_color @fg_color; -@define-color theme_base_color @base_color; -@define-color theme_text_color @text_color; -@define-color theme_selected_bg_color @selected_bg_color; -@define-color theme_selected_fg_color @selected_fg_color; -@define-color theme_tooltip_bg_color @tooltip_bg_color; -@define-color theme_tooltip_fg_color @tooltip_fg_color; - -/* theme common colors */ -@define-color button_bg_color shade (@theme_bg_color, 1.06); -@define-color button_insensitive_bg_color shade (@theme_bg_color, 0.95); -@define-color dark_bg_color #3f3f3f; -@define-color dark_fg_color #e0e0e0; -@define-color transparent rgba (0, 0, 0, 0); - -@define-color backdrop_selected_bg_color shade (@bg_color, 0.9); -@define-color backdrop_selected_fg_color @fg_color; - -/* Zukitwo colors */ -@define-color toolbar_gradient_base @bg_color; -@define-color toolbar_gradient_final shade (@bg_color, 0.96); -@define-color toolbar_border shade (@bg_color, 0.92); +@define-color theme_base_color #f7f7f7; +@define-color theme_bg_color #dcdcdc; +@define-color theme_selected_bg_color #accd8a; +@define-color theme_text_color #2c2c2c; +@define-color theme_fg_color @theme_text_color; +@define-color theme_selected_fg_color #f5f5f5; + +@define-color placeholder_text_color shade(@text_color, 3.5); + +@define-color theme_unfocused_base_color shade(@insensitive_bg_color, 1.015); /* I don't want the same color, hope not to hurt usability to much here */ +@define-color theme_unfocused_text_color mix(@theme_unfocused_fg_color, @theme_text_color, 0.5); /* Need something darker here to have stuff nicelly readable*/ +@define-color theme_unfocused_fg_color shade(@theme_bg_color, 0.6); +@define-color theme_unfocused_bg_color @theme_bg_color; +@define-color theme_unfocused_selected_bg_color shade(@theme_unfocused_bg_color, 0.95); +@define-color theme_unfocused_selected_fg_color @theme_fg_color; +@define-color unfocused_button_background @theme_unfocused_bg_color; +@define-color unfocused_borders @borders; +@define-color unfocused_insensitive_borders mix(@theme_unfocused_bg_color, @unfocused_borders, 0.5); +@define-color unfocused_insensitive_fg_color mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.5); +@define-color unfocused_insensitive_bg_color mix(@theme_unfocused_bg_color, @theme_unfocused_base_color, 0.5); +@define-color unfocused_dark_bg mix(@theme_unfocused_bg_color, @unfocused_borders, 0.3); + +@define-color menu_bg_color shade (@theme_bg_color, 1.1); +@define-color menu_fg_color @theme_fg_color; + +@define-color menu_controls_color shade (@theme_fg_color, 0.9); + +@define-color menu_combobox_border @theme_selected_bg_color; +@define-color menu_separator shade (@menu_bg_color, 0.96); + +@define-color inactive_frame_color #ccc; + +@define-color sidebar_bg shade (@theme_bg_color, 1.025); +@define-color sidebar_bg_unfocused mix(@sidebar_bg, @theme_unfocused_base_color, 0.5); + +@define-color sidebar_scrollbar_trough shade(@sidebar_bg, 0.8); +@define-color sidebar_scrollbar_trough_backdrop shade(@sidebar_bg_unfocused, 0.8); + +@define-color button_gradient_color_a shade(@theme_bg_color, 1.14); +@define-color button_gradient_color_b shade(@theme_bg_color, 1.04); +@define-color button_gradient_color_c shade(@theme_bg_color, 1.06); +@define-color borders shade(@theme_bg_color, 0.82); + +@define-color button_active_gradient_color_a shade(@theme_bg_color, 0.8); +@define-color button_active_gradient_color_b shade(@theme_bg_color, 0.9); +@define-color button_active_text @theme_fg_color; +@define-color button_active_text_shadow alpha(white, 0.4); +@define-color button_text_shadow alpha(white, 0.4); + +@define-color button_hover_gradient_color_a shade(@button_gradient_color_a, 1.11); +@define-color button_hover_gradient_color_b shade(@button_gradient_color_b, 1.06); + +@define-color insensitive_bg_color shade(@theme_bg_color, 0.95); +@define-color insensitive_fg_color shade(@theme_bg_color, 0.6); +@define-color insensitive_borders shade(@internal_element_color, 1.37); +@define-color insensitive_scale_borders @insensitive_borders; + +@define-color trough_bg_color_a shade(@theme_bg_color, 0.89); +@define-color trough_bg_color_b shade(@theme_bg_color, 0.96); + +@define-color scrollbar_trough shade(@theme_bg_color, 0.98); +@define-color scrollbar_trough_insensitive shade(@theme_bg_color, 1.0); +@define-color scrollbar_trough_unfocused shade(@theme_unfocused_bg_color, 0.9); +@define-color scrollbar_slider @theme_bg_color; +@define-color scrollbar_slider_prelight mix(@scrollbar_trough, @theme_fg_color, 0.5); +@define-color scrollbar_slider_active @theme_selected_bg_color; +@define-color scrollbar_slider_insensitive alpha(black, 0); /* FIXME should be transparent */ +@define-color scrollbar_slider_unfocused @theme_unfocused_bg_color; + +@define-color switch_slider_color #eee; +@define-color switch_trough_active_color @theme_base_color; +@define-color switch_trough_active_bg_a shade(@theme_selected_bg_color, 0.96); +@define-color switch_trough_active_bg_b shade(@theme_selected_bg_color, 0.89); + +@define-color progressbar_background_a shade(@theme_selected_bg_color, 0.95); +@define-color progressbar_background_b shade(@theme_selected_bg_color, 1.1); +@define-color progressbar_pattern shade(@theme_selected_bg_color, 0.8); +@define-color progressbar_border @progressbar_pattern; +@define-color progressbar_unfocused_background @unfocused_dark_bg; +@define-color progressbar_unfocused_border @unfocused_borders; +@define-color progressbar_unfocused_trough @theme_unfocused_bg_color; + +@define-color entry_text_color @theme_text_color; +@define-color entry_background_a shade(@theme_base_color, 0.94); +@define-color entry_background_b @theme_base_color; + +@define-color entry_inset alpha(black, 0.1); + +@define-color internal_element_color @borders; +@define-color internal_element_prelight @theme_text_color; +@define-color internal_element_insensitive mix(@internal_element_color, @theme_base_color, 0.7); + +@define-color scale_progress_fill shade(@theme_selected_bg_color, 0.96); +@define-color scale_highlight_border shade(@theme_selected_bg_color, 0.82); +@define-color scale_highlight_bg shade(@theme_selected_bg_color, 0.89); +@define-color scale_highlight_shadow alpha(white, 0.50); + +@define-color notebook_active_tab_border shade(@theme_selected_bg_color, 0.89); +@define-color notebook_selected_tab_color shade(@theme_selected_bg_color, 0.96); + +@define-color notebook_tab_gradient_a shade(@theme_bg_color, 1.06); +@define-color notebook_tab_gradient_b shade(@theme_bg_color, 1.0); +@define-color notebook_tab_hilight shade(@theme_bg_color, 1.02); + +@define-color toolbar_gradient_a shade(@borders, 1.15); +@define-color toolbar_gradient_b shade(@borders, 1.25); +@define-color toolbar_gradient_c shade(@borders, 1.3); + +@define-color toolbar_border_top shade(@borders, 0.9); +@define-color toolbar_border_bottom shade(@borders, 1.1); + +@define-color toolbar_active_button_color shade(@theme_bg_color, 0.8); +@define-color toolbar_button_prelight alpha(white, 0.4); +@define-color toolbar_separator @borders; + +@define-color primary_toolbar_button_text_shadow alpha(black, 0.1); + +@define-color content_view_bg #f1f1f1; +@define-color list_box_bg #fafafa; + +@define-color app_notification_a shade(@theme_bg_color, 0.92); +@define-color app_notification_b shade(@theme_bg_color, 1.0); +@define-color app_notification_c shade(@theme_bg_color, 1.05); + +@define-color app_notification_border @borders; + +@define-color treeview_focus_border #2a79cb; + +@define-color view_separators shade(@borders, 1.30); +@define-color view_symbolic_color shade(@internal_element_color, 0.80); + +@define-color expander_row_selected_color shade(@theme_selected_bg_color, 1.2); + +@define-color inset_light_color alpha(white, 0.45); +@define-color inset_dark_color alpha(black, 0.07); + +@define-color suggested_action_button_a shade(@theme_selected_bg_color, 0.96); +@define-color suggested_action_button_b shade(@theme_selected_bg_color, 0.89); +@define-color suggested_action_button_border shade(@theme_selected_bg_color, 0.82); +@define-color suggested_action_button_fg @theme_base_color; +@define-color suggested_action_button_shadow shade(@suggested_action_button_border, 1.15); + +/************************** + * Selection Mode classes * + **************************/ +@define-color selection_toolbar_bg_a shade(@theme_selected_bg_color, 0.96); +@define-color selection_toolbar_bg_b shade(@theme_selected_bg_color, 0.89); +@define-color selection_toolbar_bg_backdrop @selection_toolbar_bg_a; +@define-color selection_toolbar_fg @theme_fg_color; +@define-color selection_toolbar_shadow alpha(white, 0.40); +@define-color selection_toolbar_border shade(@selection_toolbar_bg_b, 0.75); + +@define-color selection_toolbar_button_a shade(@theme_selected_bg_color, 1.2); +@define-color selection_toolbar_button_b shade(@theme_selected_bg_color, 1.0); +@define-color selection_toolbar_button_fg @theme_base_color; +@define-color selection_toolbar_button_border @selection_toolbar_fg; +@define-color selection_toolbar_button_border_backdrop alpha(@selection_toolbar_button_border, 0.30); +@define-color selection_toolbar_button_shadow alpha(white, 0.15); + +@define-color selection_toolbar_suggested_button_a @theme_base_color; +@define-color selection_toolbar_suggested_button_b @theme_bg_color; +@define-color selection_toolbar_suggested_button_c #f3f3f3; +@define-color selection_toolbar_suggested_button_fg @theme_text_color; +@define-color selection_toolbar_suggested_button_border @selection_toolbar_button_border; +@define-color selection_toolbar_suggested_button_border_backdrop @selection_toolbar_button_border_backdrop; + +@define-color selection_menu_fg @selection_toolbar_fg; +@define-color selection_menu_hover shade(@selection_menu_fg, 0.80); +@define-color selection_menu_active shade(@selection_menu_fg, 0.60); + +/************** + * GNOME Apps * + **************/ +@define-color entry_tag_bg shade(@theme_selected_bg_color, 0.89); +@define-color entry_tag_fg @theme_base_color; /****** * WM * ******/ -@define-color wm_title @fg_color; -@define-color wm_unfocused_title @fg_color; +@define-color wm_title @theme_fg_color; +@define-color wm_unfocused_title @theme_unfocused_fg_color; @define-color wm_highlight #ffffff; @define-color wm_title_highlight_dark alpha(#ffffff, 0.0); @define-color wm_title_highlight #ffffff; -@define-color wm_bg_a shade (@bg_color, 1.07); -@define-color wm_bg_b @bg_color; +@define-color wm_bg_a shade (@theme_bg_color, 1.1); +@define-color wm_bg_b @theme_bg_color; + +@define-color wm_button_bg_a shade (@theme_bg_color, 1.0); +@define-color wm_button_bg_b shade (@theme_bg_color, 0.85); +@define-color wm_button_bg_c shade (@theme_bg_color, 0.8); +@define-color wm_button_bg_d shade (@theme_bg_color, 0.9); + +@define-color wm_button_bg_hover_a shade (@wm_button_bg_a, 1.1); +@define-color wm_button_bg_hover_b shade (@wm_button_bg_b, 1.1); +@define-color wm_button_bg_hover_c shade (@wm_button_bg_c, 1.1); +@define-color wm_button_bg_hover_d shade (@wm_button_bg_d, 1.1); + +@define-color wm_button_bg_active_a shade (@theme_bg_color, 0.7); +@define-color wm_button_bg_active_b shade (@theme_bg_color, 0.9); +@define-color wm_button_bg_active_c shade (@theme_bg_color, 0.9); @import url("gtk-main-common.css"); -@import url("gtk-widgets.css"); +@import url("gtk-widgets-backgrounds.css"); @import url("gtk-widgets-borders.css"); @import url("gtk-widgets-assets.css"); -@import url("apps/gedit.css"); -@import url("apps/gnome-panel.css"); -@import url("apps/gnome-terminal.css"); -@import url("apps/nautilus.css"); -@import url("apps/nemo.css"); -@import url("apps/unity.css"); -@import url("apps/popover.css"); +@import url("gtk-widgets.css"); +@import url("gnome-applications.css"); +@import url("other-applications.css"); +@import url("unity.css"); diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css index 0b8f5412..d8a8f64a 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css @@ -4,7 +4,7 @@ .grip { background-color: transparent; - /*background-image: url("assets/resize-grip.svg");*/ + background-image: url("assets/resize-grip.svg"); } /************************* @@ -12,31 +12,18 @@ *************************/ /* draw regular check and radio items using our SVG assets */ -.radio, -.check { - /*background-clip: border-box;*/ -} - -.check { - background-image: url("assets/check-normal.png"); -} - -.check:hover { +.check, +.view.cell.check { background-image: url("assets/check-normal.png"); + background-repeat: no-repeat; + background-position: center; } -.check row, .check row:selected, .check row:selected:focus { background-image: url("assets/check-normal.png"); } -.check row:hover, -.check row:selected:hover, -.check row:selected:focus:hover { - background-image: url("assets/check-normal.png"); -} - .check:insensitive { background-image: url("assets/check-normal-ins.png"); } @@ -45,38 +32,26 @@ background-color: transparent; } -.check row:insensitive, .check row:selected:insensitive, .check row:selected:focus:insensitive { background-color: transparent; background-image: url("assets/check-normal-ins.png"); } -.check:active { +.check:active, +.view.cell.check:active { background-image: url("assets/check-active.png"); } -.check:active:hover { - background-image: url("assets/check-active.png"); -} - -.check row:active, .check row:selected:active, .check row:selected:focus:active { background-image: url("assets/check-active.png"); } -.check row:active:hover, -.check row:selected:active:hover, -.check row:selected:active:focus:hover { - background-image: url("assets/check-active.png"); -} - .check:active:insensitive { background-image: url("assets/check-active-ins.png"); } -.check row:active:insensitive, .check row:selected:active:insensitive, .check row:selected:focus:active:insensitive { background-image: url("assets/check-active-ins.png"); @@ -86,52 +61,32 @@ background-image: url("assets/check-mixed-active.png"); } -.check:inconsistent:hover { - background-image: url("assets/check-mixed-active.png"); -} - -.check row:inconsistent, .check row:selected:inconsistent, .check row:selected:focus:inconsistent { background-image: url("assets/check-mixed-active.png"); } -.check row:inconsistent:hover, -.check row:selected:inconsistent:hover, -.check row:selected:focus:inconsistent:hover { - background-image: url("assets/check-mixed-active.png"); -} - .check:inconsistent:insensitive { background-image: url("assets/check-mixed-active-ins.png"); } -.check row:inconsistent:insensitive, .check row:selected:inconsistent:insensitive, .check row:selected:focus:inconsistent:insensitive { background-image: url("assets/check-mixed-active-ins.png"); } -.radio { - background-image: url("assets/radio-normal.png"); -} - -.radio:hover { +.radio, +.view.cell.radio { background-image: url("assets/radio-normal.png"); + background-repeat: no-repeat; + background-position: center; } -.radio row, .radio row:selected, .radio row:selected:focus { background-image: url("assets/radio-normal.png"); } -.radio row:hover, -.radio row:selected:hover, -.radio row:selected:focus:hover { - background-image: url("assets/radio-normal.png"); -} - .radio:insensitive { background-image: url("assets/radio-normal-ins.png"); } @@ -140,37 +95,25 @@ background-color: transparent; } -.radio row:insensitive, .radio row:selected:insensitive, .radio row:selected:focus:insensitive { background-image: url("assets/radio-normal-ins.png"); } -.radio:active { +.radio:active, +.view.cell.radio:active { background-image: url("assets/radio-active.png"); } -.radio:active:hover { - background-image: url("assets/radio-active.png"); -} - -.radio row:active, .radio row:selected:active, .radio row:selected:focus:active { background-image: url("assets/radio-active.png"); } -.radio row:active:hover, -.radio row:selected:active:hover, -.radio row:selected:focus:active:hover { - background-image: url("assets/radio-active.png"); -} - .radio:active:insensitive { background-image: url("assets/radio-active-ins.png"); } -.radio row:insensitive, .radio row:selected:active:insensitive, .radio row:selected:focus:active:insensitive { background-image: url("assets/radio-active-ins.png"); @@ -180,116 +123,172 @@ background-image: url("assets/radio-mixed-active.png"); } -.radio:inconsistent:hover { - background-image: url("assets/radio-mixed-active.png"); -} - -.radio row:inconsistent, .radio row:selected:inconsistent, .radio row:selected:focus:inconsistent { background-image: url("assets/radio-mixed-active.png"); } -.radio row:inconsistent:hover, -.radio row:selected:inconsistent:hover, -.radio row:selected:focus:inconsistent:hover { - background-image: url("assets/radio-mixed-active.png"); -} - .radio:inconsistent:insensitive { background-image: url("assets/radio-mixed-active-ins.png"); } -.radio row:inconsistent:insensitive, .radio row:selected:inconsistent:insensitive, .radio row:selected:focus:inconsistent:insensitive { background-image: url("assets/radio-mixed-active-ins.png"); } -.primary-toolbar .menu .check, -.menu .check { - background-image: url("assets/check-menuitem-unselected.png"); +.sidebar .view.radio:active, +.sidebar .view.radio:active:focus, +.sidebar .view.radio:active:hover { + background-image: url("assets/sidebar-radio-checked.svg"); } -.primary-toolbar .menu .radio, -.menu .radio { - background-image: url("assets/check-menuitem-unselected.png"); +.sidebar .view.radio:hover { + background-image: url("assets/sidebar-radio-prelight.svg"); } -.primary-toolbar .menu .check:active, -.menu .check:active { - background-image: url("assets/check-menuitem-dark.png"); +.sidebar .view.radio:active:selected, +.sidebar .view.radio:active:selected:focus { + background-image: url("assets/sidebar-radio-selected.svg"); } -.toolbar .menu .check:active:hover, -.menu .check:active:hover { - background-image: url("assets/check-menuitem.png"); +.sidebar .view.radio:selected:hover, +.sidebar .view.radio:selected:focus { + background-image: url("assets/sidebar-radio-selected-prelight.svg"); } -.primary-toolbar .menu .check:active:insensitive, -.toolbar .menu .check:active:hover:insensitive, -.menu .check:active:insensitive, -.menu .check:active:hover:insensitive { - background-image: url("assets/check-menuitem-insensitive-dark.png"); +/************* + * GtkSwitch * + *************/ +GtkSwitch.trough { + background-image: url("assets/switch-off.svg"); } -.primary-toolbar .menu .radio:active, -.menu .radio:active { - background-image: url("assets/radio-menuitem-dark.png"); +GtkSwitch.trough:active { + background-image: url("assets/switch-on.svg"); } -.toolbar .menu .radio:active:hover, -.menu .radio:active:hover { - background-image: url("assets/radio-menuitem.png"); +GtkSwitch.trough:insensitive { + background-image: url("assets/switch-off-ins.svg"); } -.primary-toolbar .menu .radio:active:insensitive, -.toolbar .menu .radio:active:hover:insensitive, -.menu .radio:active:insensitive, -.menu .radio:active:hover:insensitive { - background-image: url("assets/radio-menuitem-insensitive-dark.png"); +GtkSwitch.trough:active:insensitive { + background-image: url("assets/switch-on-ins.svg"); } -.toolbar .menu .check { - background-image: url("assets/check-menuitem-unselected.png"); +/********************* + * GtkScale's slider * + *********************/ +.scale.slider, +.scale.slider.horizontal { + background-image: url("assets/slider.png"); } -.toolbar .menu .radio { - background-image: url("assets/check-menuitem-unselected.png"); +.scale.slider:hover, +.scale.slider.horizontal:hover { + background-image: url("assets/slider-hover.png"); } -.toolbar .menu .check:active { - background-image: url("assets/check-menuitem-dark.png"); +.scale.slider:active, +.scale.slider:active:hover, +.scale.slider.horizontal:active, +.scale.slider.horizontal:active:hover { + background-image: url("assets/slider-hover.png"); } -.toolbar .menu .check:active:insensitive { - background-image: url("assets/check-menuitem-insensitive-dark.png"); +.scale.slider:insensitive, +.scale.slider:insensitive:hover, +.scale.slider.horizontal:insensitive, +.scale.slider.horizontal:insensitive:hover { + background-image: url("assets/slider-ins.png"); } -.toolbar .menu .radio:active { - background-image: url("assets/radio-menuitem-dark.png"); +.scale.scale-has-marks-above.slider.horizontal { + background-image: url("assets/slider.png"); } -.toolbar .menu .radio:active:insensitive { - background-image: url("assets/radio-menuitem-insensitive-dark.png"); +.scale.scale-has-marks-above.slider.horizontal:hover { + background-image: url("assets/slider-hover.png"); } -/********** - * switch * - **********/ +.scale.scale-has-marks-above.slider.horizontal:active, +.scale.scale-has-marks-above.slider.horizontal:active:hover { + background-image: url("assets/slider-hover.png"); +} -GtkSwitch.trough { - background-image: url("assets/switch-off.png"); +.scale.scale-has-marks-above.slider.horizontal:insensitive, +.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { + background-image: url("assets/slider-ins.png"); } -GtkSwitch.trough:active { - background-image: url("assets/switch-on.png"); +.scale.scale-has-marks-above.slider.vertical { + background-image: url("assets/slider.png"); } -GtkSwitch.trough:insensitive { - background-image: url("assets/switch-off-ins.png"); +.scale.scale-has-marks-above.slider.vertical:hover { + background-image: url("assets/slider-hover.png"); } -GtkSwitch.trough:active:insensitive { - background-image: url("assets/switch-on-ins.png"); +.scale.scale-has-marks-above.slider.vertical:active, +.scale.scale-has-marks-above.slider.vertical:active:hover { + background-image: url("assets/slider-hover.png"); +} + +.scale.scale-has-marks-above.slider.vertical:insensitive, +.scale.scale-has-marks-above.slider.vertical:insensitive:hover { + background-image: url("assets/slider-ins.png"); +} + +.scale.scale-has-marks-below.slider.horizontal { + background-image: url("assets/slider.png"); +} + +.scale.scale-has-marks-below.slider.horizontal:hover { + background-image: url("assets/slider-hover.png"); +} + +.scale.scale-has-marks-below.slider.horizontal:active, +.scale.scale-has-marks-below.slider.horizontal:active:hover { + background-image: url("assets/slider-hover.png"); +} + +.scale.scale-has-marks-below.slider.horizontal:insensitive, +.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { + background-image: url("assets/slider-ins.png"); +} + +.scale.scale-has-marks-below.slider.vertical { + background-image: url("assets/slider.png"); +} + +.scale.scale-has-marks-below.slider.vertical:hover { + background-image: url("assets/slider-hover.png"); +} + +.scale.scale-has-marks-below.slider.vertical:active, +.scale.scale-has-marks-below.slider.vertical:active:hover { + background-image: url("assets/slider-hover.png"); +} + +.scale.scale-has-marks-below.slider.vertical:insensitive, +.scale.scale-has-marks-below.slider.vertical:insensitive:hover { + background-image: url("assets/slider-ins.png"); +} + +/******************************** + * Touch text selection handles * + ********************************/ +.cursor-handle.bottom { + background-image: url("assets/slider.png"); +} + +.cursor-handle.top { + background-image: url("assets/slider.png"); +} + +/**************** + * Content view * + ****************/ +.content-view.view { + /*background-image: url("assets/noise-texture-light.png");*/ } diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css new file mode 100644 index 00000000..5c40e20c --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css @@ -0,0 +1,249 @@ +/* Button background */ +.button, +.toolbar .button.raised, +.toolbar .raised .button, +.toolbar GtkComboBox .button, +.spinbutton.vertical .button { + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + background-color: transparent; +} + +/* Pushed button and progressbar through background */ +.button:active, +.spinbutton.vertical .button:active, +.toolbar .button:active, +.toolbar .button.raised:active, +.toolbar .raised .button:active { + background-image: linear-gradient(to bottom, + @button_active_gradient_color_a, + @button_active_gradient_color_b); + background-color: transparent; +} + +.trough, +.trough.highlight, +.trough row { + background-image: linear-gradient(to bottom, + @trough_bg_color_a, + @trough_bg_color_b); + background-color: transparent; +} + +.button:active:hover, +.spinbutton.vertical .button:active:hover, +.toolbar .button:active:hover, +.toolbar .button.raised:active:hover, +.toolbar .raised .button:active:hover, +.trough row:hover { + background-image: linear-gradient(to bottom, + shade (@button_active_gradient_color_a, 1.05), + shade (@button_active_gradient_color_b, 1.05)); + background-color: transparent; +} + +/* Flipped pushed button background for vertical progressbar through and the like */ +.trough.vertical { + background-image: linear-gradient(to right, + @trough_bg_color_a, + @trough_bg_color_b); +} + +/* Primary and inline toolbars pushed button background */ +.primary-toolbar .button:active, +.inline-toolbar .button:active { + background-image: linear-gradient(to bottom, + @button_active_gradient_color_a, + @button_active_gradient_color_b); + background-color: transparent; +} + +.primary-toolbar .button:active:hover, +.inline-toolbar .button:active:hover { + background-image: linear-gradient(to bottom, + shade (@button_active_gradient_color_a, 1.05), + shade (@button_active_gradient_color_b, 1.05)); + background-color: transparent; +} + +/* Prelit button background */ +.button:hover, +.toolbar .button:hover, +.toolbar .button.raised:hover, +.toolbar .raised .button:hover, +.toolbar GtkComboBox .button:hover, +.spinbutton.vertical .button:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_color_a, + @button_hover_gradient_color_b); +} + +/* Prelit button on primary toolbar background */ +.primary-toolbar .button:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); +} + +/* Insensitive button background */ +.button:insensitive, +.spinbutton.vertical .button:insensitive, +.toolbar GtkComboBox .button:insensitive, +.toolbar .button.raised:insensitive, +.toolbar .raised .button:insensitive { + background-image: none; + background-color: @insensitive_bg_color; +} + +/* Pushed + Insensitive button background */ +.button:active:insensitive, +.toolbar .button:active:insensitive, +.toolbar GtkComboBox .button:active:insensitive { + background-image: linear-gradient(to bottom, + shade(@insensitive_bg_color, 0.95), + @insensitive_bg_color 40%, + @insensitive_bg_color); + background-color: transparent; +} + +/* Entry background */ +.entry, +GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.level-bar.trough { + background-image: linear-gradient(to bottom, + @entry_background_a, + @entry_background_b); + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +/* Entry pushed button background */ +.primary-toolbar GtkComboBox.combobox-entry .button:active, +/* .primary-toolbar GtkComboBox.combobox-entry .button:hover:active,*/ +GtkComboBox.combobox-entry .button:active, +.spinbutton .button:active, +.spinbutton .button:active:hover { + background-image: linear-gradient(to bottom, + shade(@entry_background_a, 0.9), + @entry_background_b); + background-color: transparent; + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +column-header.button, +column-header .button { + background-image: linear-gradient(to bottom, + shade(@entry_background_a, 0.94), + @entry_background_b); + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +column-header.button:hover, +column-header .button:hover { + background-image: linear-gradient(to bottom, + shade(@entry_background_a, 1.0), + @entry_background_b); + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +column-header.button:active, +column-header .button:active, +column-header.button:active:hover, +column-header .button:active:hover { + background-image: linear-gradient(to bottom, + shade(@entry_background_a, 0.9), + @entry_background_b); + background-color: transparent; + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); +} + +/* Insensitive entry background */ +.entry:insensitive, +GtkComboBox.combobox-entry .button:insensitive, +.level-bar.trough:insensitive { + background-color: @insensitive_bg_color; + background-image: none; + box-shadow: none; +} + +/* Primary and inline toolbars background */ +.primary-toolbar .toolbar, +.primary-toolbar.toolbar, +.inline-toolbar.toolbar { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); + background-color: transparent; +} + +.primary-toolbar .toolbar.vertical, +.primary-toolbar.toolbar.vertical, +.inline-toolbar.toolbar.vertical { + background-image: linear-gradient(to right, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); + background-color: transparent; +} + +/* Active switch background*/ +.scale.progressbar { + background-image: linear-gradient(to bottom, + @switch_trough_active_bg_a, + @switch_trough_active_bg_b); + background-color: transparent; +} + +.scale.progressbar.vertical { + background-image: linear-gradient(to right, + @switch_trough_active_bg_a, + @switch_trough_active_bg_b); + background-color: transparent; +} + +/* Progressbar backgrounds */ + +.progressbar, +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus { + background-image: linear-gradient(to left top, + alpha (@progressbar_pattern, 0.25), + alpha (@progressbar_pattern, 0.25) 25%, + transparent 25%, + transparent 50%, + alpha (@progressbar_pattern, 0.25) 50%, + alpha (@progressbar_pattern, 0.25) 75%, + transparent 75%, + transparent), + linear-gradient(to bottom, + @progressbar_background_a, + @progressbar_background_b); + background-size: 40px 40px, auto; + box-shadow: inset 1px 1px alpha(white, 0.2), inset -1px -1px alpha(white, 0.1); +} + +.progressbar.vertical { + background-image: linear-gradient(to right top, + alpha (@progressbar_pattern, 0.25), + alpha (@progressbar_pattern, 0.25) 25%, + transparent 25%, + transparent 50%, + alpha (@progressbar_pattern, 0.25) 50%, + alpha (@progressbar_pattern, 0.25) 75%, + transparent 75%, + transparent), + linear-gradient(to right, + @progressbar_background_a, + @progressbar_background_b); +} diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css index 13eaf34e..21ffee6a 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css @@ -1,36 +1,265 @@ -/****************** - * Borders * - ******************/ -/* borders */ -.button { - border-image: url("borders/button.png") 10 12 10 12 / 10px 12px 10px 12px stretch; /* 10 12 10 12 / 10px 12px 10px 12px stretch; */ +/* Borders */ +/* generic element borders */ +.entry, +GtkComboBox.combobox-entry .entry, +GtkComboBox.combobox-entry .button, +.button:active, +.spinbutton.vertical .button:active, +.inline-toolbar.toolbar.vertical .button:active { + border-image: url("borders/button-active.png") 3 4 4 4 / 3px 4px 4px 4px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; } -.button.default, -.button:focus { - border-image: url("borders/button-focus.png") 10 12 10 12 / 10px 12px 10px 12px stretch; - outline-color: transparent; +.entry:insensitive, +GtkComboBox.combobox-entry .entry:insensitive, +GtkComboBox.combobox-entry .button:insensitive, +.button:active:insensitive, +.spinbutton.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical .button.default:insensitive { + border-image: url("borders/button-active-ins.png") 3 4 4 4 / 3px 4px 4px 4px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; } -.button:insensitive { - border-image: url("borders/button.png") 10 12 10 12 / 10px 12px 10px 12px stretch; +.trough row { + border-image: url("borders/nohl-generic-border.png") 3 / 3px stretch; /* Zuki note: figure out the heck it does */ + border-radius: 4px; + border-width: 1px; + border-style: solid; + border-color: transparent; } -.primary-toolbar .button:active, -.primary-toolbar .button:active:hover, -.button:active { - border-image: url("borders/button-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch; +GtkProgressBar.trough { + box-shadow: inset 0 0 0 1px @borders; +} + +/* focused element borders */ +.entry:focus, +GtkComboBox.combobox-entry .entry:focus, +.button.default:active, +.inline-toolbar.toolbar.vertical .button.default:active { + border-image: url("borders/button-active-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +/* generic button borders */ +.button +/*.spinbutton.vertical .button, +.inline-toolbar.toolbar.vertical .button*/ { + border-image: url("borders/button.png") 3 4 4 4 / 3px 4px 4px 4px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +.spinbutton.vertical .button, +.inline-toolbar.toolbar.vertical .button { + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +/* focused button borders */ +.button.default, +.button:focus { + border-image: url("borders/button-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; } -.button:active:focus { - border-image: url("borders/button-active-focus.png") 10 12 10 12 / 10px 12px 10px 12px stretch; +.button.default:active, +.button:active:focus { + border-image: url("borders/button-active-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; } -.button:active:insensitive { - border-image: url("borders/button.png") 10 12 10 12 / 10px 12px 10px 12px stretch; +/* insensitive button borders */ +.button:insensitive, +.button.default:insensitive { + border-image: url("borders/button-ins.png") 3 4 4 4 / 3px 4px 4px 4px stretch; } +/* primary toolbar button borders */ .primary-toolbar .button:hover { - border-image: url("borders/button.png") 10 12 10 12 / 10px 12px 10px 12px stretch; + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; background-color: transparent; } + +.primary-toolbar .button:active { + border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + background-color: transparent; +} + +/* tooltip elements borders */ +.tooltip .entry { + border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-width: 1px; + border-style: solid; + border-color: transparent; +} + +.tooltip .button { + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-width: 1px; + border-style: solid; + border-color: transparent; +} + +/* tooltip focused elements borders */ +.tooltip .entry:focus { + border-image: url("borders/button-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-width: 1px; + border-style: solid; + border-color: transparent; +} + +/* primary toolbar - generic element borders */ +.primary-toolbar .entry, +.primary-toolbar GtkComboBox.combobox-entry .entry, +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar .button:active, +.primary-toolbar .button.raised:active, +.primary-toolbar .raised .button:active, +.inline-toolbar.toolbar .button:active, +.primary-toolbar GtkComboBox .button:active { + /*border-image: url("borders/primary-toolbar-generic-border.png") 4 / 4px stretch;*/ + border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +.primary-toolbar .button.raised:insensitive, +.primary-toolbar .raised .button:insensitive, +.primary-toolbar .button.raised.default:insensitive, +.primary-toolbar .raised .button.default:insensitive, +.inline-toolbar.toolbar .button.default:insensitive, +.inline-toolbar.toolbar .button:insensitive, +.primary-toolbar GtkComboBox .button:insensitive { + border-image: url("borders/button-active-ins.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +/* primary toolbar - focused element borders */ +.primary-toolbar .button:active:focus, +.primary-toolbar .entry:focus, +.primary-toolbar GtkComboBox.combobox-entry .entry:focus, +.primary-toolbar .button.raised.default:active, +.primary-toolbar .raised .button.default:active, +.inline-toolbar.toolbar .button.default:active { + /*border-image: url("borders/primary-toolbar-generic-border-focused.png") 4 / 4px stretch;*/ + border-image: url("borders/button-active-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +/* primary toolbar - generic button borders */ +.primary-toolbar .button.raised, +.primary-toolbar .raised .button, +.inline-toolbar.toolbar .button, +.primary-toolbar GtkComboBox .button { + /*border-image: url("borders/primary-toolbar-button-border.png") 4 / 4px stretch;*/ + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +/* primary toolbar - focused button borders */ +.primary-toolbar .button.raised.default, +.primary-toolbar .raised .button.default, +.inline-toolbar.toolbar .button.default { + /*border-image: url("borders/primary-toolbar-button-border-default.png") 4 / 4px stretch;*/ + border-image: url("borders/button-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 4px; + border-width: 2px; + border-style: solid; + border-color: transparent; +} + +/* column-headers borders */ +column-header.button, +column-header .button, +column-header.button:active, +column-header .button:active, +column-header.button:active:hover, +column-header .button:active:hover, +column-header.button:insensitive, +column-header .button:insensitive { + border-width: 0 1px 1px 0; + border-radius: 0; + border-style: solid; + border-color: transparent; +} + +column-header.button, +column-header .button, +column-header.button:active, +column-header .button:active, +column-header.button:active:hover, +column-header .button:active:hover, +column-header .button.dnd, +column-header.button:focus, +column-header .button:focus, +column-header.button:active:focus, +column-header .button:active:focus, +column-header .button.dnd:focus { + border-image: linear-gradient(to bottom, + mix(@borders, @theme_base_color, 0.1), + @theme_base_color + ) 0 1 1 0; + border-width: 0 1px 1px 0; + border-radius: 0; +} + +column-header.button:insensitive, +column-header .button:insensitive { + border-image: linear-gradient(to bottom, + mix(@insensitive_borders, @insensitive_bg_color, 0.5), + @insensitive_bg_color + ) 0 1 1 0; +} + +column-header.button:last-child, +column-header:last-child .button, +column-header.button:last-child:active, +column-header:last-child .button:active, +column-header.button:last-child:active:hover, +column-header:last-child .button:active:hover { + border-right-width: 0; +} + +/* pushed colored buttons borders */ +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + /*border-image: url("borders/generic-border-transparent.png") 3 3 4 3 / 3px 3px 4px 3px stretch;*/ + border-radius: 4px; + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: transparent; + /* Zuki note: figure out the heck it does */ +} diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css index 73d1634a..76b3f2b8 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css @@ -1,294 +1,1104 @@ -/* default */ * { - -GtkArrow-arrow-scaling: 0.5; + engine: adwaita; + padding: 0; + + background-clip: padding-box; + -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; -GtkButtonBox-child-min-height: 26; - -GtkCheckButton-indicator-size: 15; - -GtkCheckMenuItem-indicator-size: 14; - -GtkComboBox-arrow-scaling: 0.75; - -GtkExpander-expander-size: 10; - -GtkHTML-link-color: @link_color; - -GtkIMHtml-hyperlink-color: @link_color; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkMenuBar-internal-padding: 0; - -GtkMenuItem-arrow-scaling: 0.5; - -GtkPaned-handle-size: 6; - -GtkProgressBar-min-horizontal-bar-height: 10; - -GtkProgressBar-min-vertical-bar-width: 10; - -GtkRange-trough-border: 1; - -GtkRange-slider-width: 11; - -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: 11; - -GtkScrollbar-min-slider-length: 31; + + -GtkToolButton-icon-spacing: 4; + + -GtkTextView-error-underline-color: @error_color; + + -GtkPaned-handle-size: 5; + + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 12; + + /* The size for scrollbars. The slider is 2px smaller, but we keep it + * up so that the whole area is sensitive to button presses for the + * slider. The stepper button is larger in both directions, the slider + * only in the width + */ + -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: 4; + -GtkToolItemGroup-expander-size: 11; - -GtkToolbar-internal-padding: 0; - -GtkTreeView-expander-size: 6; - -GtkTreeView-vertical-separator: 1; - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 2px; - -GtkWidget-separator-height: 2; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 1; + -GtkExpander-expander-size: 11; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: @link_color; -GtkWidget-visited-link-color: @link_color; - -GtkWindow-resize-grip-default: false; - -GtkWindow-resize-grip-width: 0; - -GtkWindow-resize-grip-height: 0; - -WnckTasklist-fade-overlay-rect: 0; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkHTML-link-color: @link_color; - border-width: 1px; - padding: 0; + -WnckTasklist-fade-overlay-rect: 0; - engine: adwaita; + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 1; + -GtkWindow-resize-grip-width: 0; + -GtkWindow-resize-grip-height: 0; - outline-color: alpha(@text_color, 0.3); + /* We use the outline properties to signal the focus properties + * to the adwaita engine: using real CSS properties is faster, + * and we don't use any outlines for now. */ + outline-color: alpha(@theme_text_color, 0.3); outline-style: dashed; outline-offset: 2px; } -GtkWindow { - color: @fg_color; +/*************** + * Base States * + ***************/ + +.background { + color: @theme_fg_color; + background-color: @theme_bg_color; } -* { - /* inherit the color from parent by default */ - color: inherit; - background-color: @bg_color; +/* FIXME: why do we still need this? */ +GtkClutterOffscreen { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +*:selected, +*:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +*:selected:backdrop, +*:selected:focus:backdrop { + background-color: @theme_unfocused_selected_bg_color; + color: @theme_unfocused_selected_fg_color; } -/********** - * states * - **********/ *:insensitive { - color: shade (@bg_color, 0.6); - text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); + background-color: @insensitive_bg_color; + color: @insensitive_fg_color; + border-color: @insensitive_borders; } -*:active { +.gtkstyle-fallback { + background-color: @theme_bg_color; + color: @theme_fg_color; } -*:active:hover:insensitive { +.gtkstyle-fallback:prelight { + background-color: shade(@theme_bg_color, 1.10); + color: @theme_fg_color; } -*:active:insensitive { +.gtkstyle-fallback:active { + background-color: shade(@theme_bg_color, 0.90); + color: @theme_fg_color; } -*:hover { +.gtkstyle-fallback:insensitive { + background-color: @insensitive_bg_color; + color: @insensitive_fg_color; } -*:hover:insensitive { +.gtkstyle-fallback:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; } -*:selected, -*:selected:focus { - background-color: @selected_bg_color; - color: @selected_fg_color; +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive { + background-color: transparent; } -*:selected:backdrop, -*:selected:focus:backdrop { - background-color: @backdrop_selected_bg_color; - color: @backdrop_selected_fg_color; +/************ + * Tooltips * + ************/ +.tooltip { + padding: 4px; + border-style: solid; + border-width: 1px; + border-color: shade(@theme_tooltip_bg_color, 0.50); + border-radius: 0px; + + background-color: @theme_tooltip_bg_color; + color: @theme_tooltip_fg_color; + + text-shadow: none; } -.gtkstyle-fallback { - background-color: @bg_color; - color: @fg_color; +.tooltip * { + background-color: transparent; } -.gtkstyle-fallback:prelight { - background-color: shade(@bg_color, 1.10); - color: @fg_color; +/***************** + * Miscellaneous * + *****************/ +@keyframes spinner { + 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } + + 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } + + 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } + + 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } + + 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } + + 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } + + 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } + + 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } + + 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } } -.gtkstyle-fallback:active { - background-color: shade(@bg_color, 0.90); - color: @fg_color; +.spinner { + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); + background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%; + background-size: 20% 20%; + background-repeat: no-repeat; } -.gtkstyle-fallback:insensitive { - background-color: @bg_color; - color: @fg_color; +.spinner:active { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); + animation: spinner 1s infinite linear; } -.gtkstyle-fallback:selected { - background-color: @selected_bg_color; - color: @selected_fg_color; +.button .spinner:active { + color: @theme_fg_color; +} + +.floating-bar { + background-image: linear-gradient(to bottom, + @theme_base_color 20%, + shade(@theme_base_color, 0.9)); + background-color: @theme_base_color; + border-color: @borders; + + color: @theme_text_color; + text-shadow: 0 1px @button_text_shadow; + + border-radius: 3px; + border-width: 1px; + border-style: solid; + box-shadow: inset 1px 1px @inset_light_color, -1px -1px @inset_light_color; +} + +.floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.floating-bar.left { + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.floating-bar.bottom.right { + box-shadow: inset 1px 1px @inset_light_color; +} + +.floating-bar.bottom.left { + box-shadow: inset -1px 1px @inset_light_color; +} + +.floating-bar .button { + background-color: alpha (@theme_base_color, 0.0); + background-image: none; + + border-style: none; + border-image: none; + + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; +} + +.view.rubberband, +.rubberband { + background-color: alpha (@theme_selected_bg_color, 0.35); + + border-color: @theme_selected_bg_color; + border-style: solid; + border-width: 1px; + border-radius: 2px; +} + +GtkStatusbar { + padding: 5px; + color: @theme_fg_color; + -GtkStatusbar-shadow-type: none; +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0; +} + +GtkTreeView.view.separator, +GtkTreeView.separator, +.separator, +.separator:hover { + color: @view_separators; + background-color: transparent; +} + +.toolbar .separator { + color: transparent; +} + +.pane-separator { + color: shade (@inactive_frame_color, 0.80); +} + +.pane-separator:hover, +.pane-separator:selected { + color: @theme_text_color; +} + +.pane-separator { + background-color: @theme_bg_color; + background-repeat: no-repeat; + background-position: center; + background-image: url("assets/pane-separator-grip.svg"); +} + +.pane-separator.vertical { + background-image: url("assets/pane-separator-grip-vertical.svg"); +} + +.notebook .pane-separator, +.notebook .pane-separator:hover { + background-color: @theme_base_color; +} + +/**************** + * Text Entries * + ****************/ +.entry { + border-style: solid; + padding: 4px; + + /* border-image defined in the -assets variants */ + + color: @entry_text_color; + background-color: @theme_base_color; + box-shadow: inset 0px 2px 3px 0px alpha(@theme_fg_color, 0.15); +} + +.entry:focus { + box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 1px alpha(@theme_selected_bg_color, 0.1), + inset -1px -1px alpha(@theme_selected_bg_color, 0.2); +} + +.entry.progressbar, +.entry.progressbar:focus { + margin-left: 2px; + margin-right: 2px; + border-image: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, + transparent 2px, + white 2px, + white 3px, + shade(@theme_selected_bg_color, 0.9) 3px, + shade(@theme_selected_bg_color, 0.9) 5px, + transparent 5px); + background-size: auto; + box-shadow: none; +} + +.entry.progressbar.pulse, +.entry.progressbar.pulse:focus { + background-image: linear-gradient(to top, + transparent 2px, + white 2px, + white 3px, + @borders 3px, + @borders 5px, + transparent 5px); +} + +.entry:selected { + color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; +} + +.entry:insensitive { + color: @insensitive_fg_color; +} + +/* needed for webkit/GtkStyle compatibility */ +.entry:active { + color: @theme_unfocused_selected_fg_color; + background-color: @theme_unfocused_selected_bg_color; +} + +.cursor-handle.top, +.cursor-handle.bottom { + background-color: transparent; + box-shadow: none; + border-style: none; + border-image: none; + border-radius: 0px; + border-width: 0px; + + /* background-image in assets */ +} + +/******************* + * Symbolic images * + *******************/ +.image { + color: @internal_element_color; +} + +.image:hover { + color: @internal_element_prelight; +} + +.image:selected, +.image:selected:hover { + color: @theme_selected_fg_color; +} + +.view.image, +.view.image:hover { + color: @view_symbolic_color; +} + +.view.image:selected, +.view.image:selected:hover { + color: @theme_selected_fg_color; +} + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton .button { + color: @theme_fg_color; + padding: 2px 6px; + border-width: 0; + border-radius: 0; + border-style: none; + border-image: none; + box-shadow: inset 1px 0 @inset_dark_color; +} + +.spinbutton .button { + background-color: transparent; + background-image: none; +} + +.spinbutton .button:insensitive { + color: @insensitive_fg_color; +} + +.spinbutton .button:active, +.spinbutton .button:hover { + color: @internal_element_color; +} + +.spinbutton .button:first-child { + border-radius: 4px 0 0 4px; + box-shadow: none; +} + +.spinbutton .button:last-child { + border-radius: 0 4px 4px 0; +} + +/* FIXME: GtkWarning, bad pseudo-class */ +/*.spinbutton .button:dir(rtl) { + box-shadow: inset -1px 0 @inset_dark_color; +}*/ + +/* Add back the glowy effect from the entry covered by the pushed button background*/ +.spinbutton .button:active { + box-shadow: inset 1px 0 @inset_dark_color, + inset 0 1px alpha(@theme_selected_bg_color, 0.2), + inset 0 -1px alpha(@theme_selected_bg_color, 0.2); +} + +.spinbutton .button:first-child:active { + box-shadow: inset 1px 1px alpha(@theme_selected_bg_color, 0.2), + inset 0 -1px alpha(@theme_selected_bg_color, 0.2); +} + +.spinbutton .button:last-child:active { + box-shadow: inset 1px 0 @inset_dark_color, + inset 0 1px alpha(@theme_selected_bg_color, 0.2), + inset -1px -1px alpha(@theme_selected_bg_color, 0.2); +} + + +.spinbutton.vertical .button { + padding: 4px; + icon-shadow: 0 1px @button_text_shadow; +} + +.spinbutton.vertical .button, +.spinbutton.vertical .button:hover { + color: @theme_fg_color; +} + +.spinbutton.vertical .button:insensitive { + color: @insensitive_fg_color; +} + +.spinbutton.vertical .button:active { + color: @button_active_text; + icon-shadow: 0 1px @button_active_text_shadow; +} + +/* :insensitive:insensitive to override the dark overriden style for + normal spinbutton buttons, yeah we lack !important */ +.spinbutton.vertical .button:insensitive:insensitive { + icon-shadow: none; +} + +.spinbutton.vertical .button, +/* :active:active to override the dark overriden style for + normal spinbutton buttons, yeah we lack !important */ +.spinbutton.vertical .button:active:active { + box-shadow: none; +} + +.spinbutton.vertical .button:first-child { + border-image-width: 3px 3px 0 3px; + border-width: 1px 1px 0 1px; + border-radius: 4px 4px 0 0; +} + +.spinbutton.vertical .button:last-child { + border-image-width: 0 3px 4px 3px; + border-width: 0 1px 2px 1px; + border-radius: 0 0 4px 4px; +} + +.spinbutton.vertical.entry { + /*border-image: none;*/ + border-image-width: 0px 3px 0 3px; + border-color: @borders; + border-width: 0 1px; + border-style: solid; + border-radius: 0; + box-shadow: inset 0 2px @entry_inset, + inset 0 3px alpha(@entry_inset, 0.4), + inset 0 1px @borders, + inset 0 -1px @borders; + + /* I'm using box-shadow as borders, so I need to compensate + with padding. Those two values need to be entry padding +1 */ + padding-top: 5px; + padding-bottom: 5px; +} + +.spinbutton.vertical.entry:insensitive { + border-color: @insensitive_borders; + box-shadow: inset 0 1px @entry_inset, + inset 0 -1px @entry_inset; +} + +.spinbutton.vertical.entry:focus { + border-color: @theme_selected_bg_color; + box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 3px alpha(@theme_selected_bg_color, 0.1), + inset -1px -2px alpha(@theme_selected_bg_color, 0.2), + inset 0 1px @theme_selected_bg_color, + inset 0 -1px @theme_selected_bg_color; +} + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border-radius: 1px; + border-color: alpha(black, 0.3); + box-shadow: inset 0 2px alpha(black, 0.07), + inset 1px 1px alpha(black, 0.07); + + background-color: transparent; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border-color: alpha(black, 0.45); +} + +GtkColorSwatch.color-dark:hover { + background-image: linear-gradient(to bottom, + alpha(white, 0) 40%, + alpha(white, 0.3)); +} + +GtkColorSwatch.color-light:hover { + background-image: linear-gradient(to top, + alpha(black, 0) 40%, + alpha(black, 0.1)); +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +GtkColorSwatch:only-child { + border-radius: 6px; +} + +GtkColorSwatch.top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: mix(@borders, @theme_bg_color, 0.3); + background-color: mix(@borders, @theme_bg_color, 0.3); + color: @theme_base_color; + box-shadow: none; +} + +GtkColorChooserWidget #add-color-button:hover { + border-color: @borders; + background-color: @borders; + color: @theme_base_color; +} + +.color-active-badge, +.color-active-badge:selected { + border-style: solid; + border-width: 2px; + background-color: transparent; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border-color: #444444; + color: #444444; +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border-color: #cccccc; + color: #cccccc; +} + +GtkColorEditor GtkColorSwatch { + border-radius: 6px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border-color: alpha(black, 0.3); +} + +GtkColorButton.button { + padding: 1px 20px; +} + +/**************** + * Progress bar * + ****************/ + +/* FIXME: this should really be a margin... */ +GtkProgressBar { + -GtkProgressBar-min-horizontal-bar-height: 16; + -GtkProgressBar-min-vertical-bar-width: 16; + border-radius: 16px; + padding: 0 0 1px 0; +} + +/* progress component */ +.progressbar, +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus { + border-radius: 16px; + border-width: 1px; + border-style: solid; + border-color: @progressbar_border; +} + +.progressbar row:selected, +.progressbar row:selected:focus { + border-color: shade(@progressbar_border, 0.85); +} + +/* for progressbars in cell renderers */ +.trough row { + padding: 0; +} + +.trough row:selected, +.trough row:selected:focus { + background-image: linear-gradient(to bottom, + mix(@trough_bg_color_a, @theme_selected_bg_color, 0.25), + mix(@trough_bg_color_b, @theme_selected_bg_color, 0.25)); +} + +/* level bars as used for password quality or remaining power */ +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar.trough { + padding: 2px; + border-radius: 8px; + background-image: linear-gradient(to bottom, + @trough_bg_color_a, + @trough_bg_color_b); + background-color: transparent; + box-shadow: inset 0 0 0 1px @borders; +} + + +.level-bar.fill-block { + border-width: 1px; + border-style: solid; + + border-color: @progressbar_border; + background-image: linear-gradient(to bottom, + @progressbar_background_a, + @progressbar_background_b); +} + +.level-bar.indicator-continuous.fill-block { + padding: 2px; + border-radius: 8px; +} + +.level-bar.indicator-discrete.fill-block.horizontal { + margin: 0 1px; + border-radius: 8px; +} + +.level-bar.indicator-discrete.fill-block.vertical { + margin: 1px 0; + border-radius: 8px; +} + +/* discrete indicator border rounding, + uncomment when :nth-child will be working + on the widget + +.level-bar.indicator-discrete.fill-block.horizontal:first-child { + border-radius: 2px 0 0 2px; +} + +.level-bar.indicator-discrete.fill-block.horizontal:last-child { + border-radius: 0 2px 2px 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:first-child { + border-radius: 2px 2px 0 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:last-child { + border-radius: 0 0 2px 2px; +} + +*/ + +.level-bar.fill-block.level-high { + border-color: shade(@success_color, 0.85); + background-image: linear-gradient(to bottom, + shade(@success_color, 1.2), + @success_color 75%, + shade(@success_color, 0.95)); +} + +.level-bar.fill-block.level-low { + border-color: shade(@warning_bg_color, 0.80); + background-image: linear-gradient(to bottom, + shade(@warning_bg_color, 1.3), + @warning_bg_color 75%, + shade(@warning_bg_color, 0.90)); +} + +.level-bar.fill-block.empty-fill-block { + background-color: transparent; + background-image: none; + border-color: alpha(@theme_fg_color, 0.1); +} + +/************ + * GtkScale * + ************/ + +.scale { + -GtkScale-slider-length: 16; + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 0; +} + +.scale.slider, +.scale.slider:hover, +.scale.slider:insensitive { + border-radius: 0; + border-style: none; + + background-color: transparent; + + /* background-image in -assets variant */ +} + +.scale.trough { + margin: 7px 0; + border-radius: 6px; +} + +.scale.trough.vertical { + margin: 0 7px; +} + +.scale.trough, +.scale.trough.highlight, +.scale.trough.vertical { + border-width: 1px; + border-image: none; + border-style: solid; +} + +.scale.trough, +.scale.trough.vertical { + border-color: @borders; +} + +.scale.trough.highlight, +.scale.trough.highlight.vertical { + border-color: @scale_highlight_border; +} + +.scale.trough:insensitive, +.scale.trough.highlight:insensitive, +.scale.trough.vertical:insensitive, +.scale.trough.highlight.vertical:insensitive { + background-color: shade(@insensitive_bg_color, 0.85); + border-color: shade(@insensitive_scale_borders, 0.85); + box-shadow: none; + background-image: none; +} + +.scale.trough.highlight, +.scale.trough.vertical.highlight { + background-image: none; + background-color: @scale_highlight_bg; +} + +.scale.progressbar { + background-color: @scale_progress_fill; +} + +.scale.mark.separator { + /* defines the color of the actuall marks on the scale */ + color: alpha(@theme_fg_color, 0.3); +} + +.scale.trough { + box-shadow: inset 0 -1px @theme_bg_color; +} + +.scale.trough.vertical { + box-shadow: inset -1px 0 @theme_bg_color; +} + +.scale.trough.highlight { + box-shadow: inset 0 -1px @scale_highlight_shadow; +} + +.scale.trough.vertical.highlight { + box-shadow: inset -1px 0 @scale_highlight_shadow; +} + +/********** + * Frames * + **********/ +.frame { + border-width: 1px; + border-color: @borders; + border-style: solid; + padding: 0; +} + +GtkScrolledWindow.frame { + border-style: solid; + border-color: @borders; + border-width: 1px; + border-radius: 2px; + padding: 0; +} + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow */ +GtkScrolledWindow GtkViewport.frame { + border-style: none; +} + +/* FIXME: May have to remove this. */ +GtkViewport.frame { + border-width: 0; +} + +/* GtkViewport, FIXME: Same as above. */ +GtkViewport, +GtkIconView { + background-color: @theme_base_color; +} + +/*********** + * Buttons * + ***********/ +.button, +.button.menuitem.menubar, +GtkColorButton.button, +GtkComboBox.combobox-entry .button { + padding: 1px 4px; +} + +.button.image-button { + padding: 3px 4px 4px; +} + +.button { + -GtkButton-image-spacing: 4; + -GtkButton-interior-focus: true; + -GtkButton-default-border: 0; + -GtkButton-inner-border: 3; + + color: @theme_text_color; + + border-style: solid; + border-color: transparent; + + text-shadow: 0 1px @button_text_shadow; +} + +/* We may want a background for focused buttons, but in the meantime let's remove it too */ +.primary-toolbar .button, +.primary-toolbar .button:insensitive { + background-image: none; + background-color: transparent; } -/************* - * assistant * - *************/ -GtkAssistant .sidebar .highlight { - color: @fg_color; - font: bold; -} +/* Remove borders from primary toolbar buttons*/ +.primary-toolbar .button { + border-image: none; -GtkAssistant .sidebar { - background-color: shade (@bg_color, 0.97); - border-right-color: shade (@bg_color, 0.8); - border-radius: 0; + /* setting border-style: none; here would override the border-width values + * we set in gtk-widget-borders.css to zero. + */ border-style: solid; - border-width: 0 1px 0 0; - padding: 12px; - color: mix (@fg_color, @bg_color, 0.40); - text-shadow: 0 1px shade (@bg_color, 1.04); + border-width: 2px; + border-color: transparent; + + text-shadow: 0 1px @button_text_shadow; } -/************** - * background * - **************/ -.background { - background-color: @bg_color; - border-width: 0; +.primary-toolbar.toolbar .button.image-button { + padding: 3px 4px 4px; } -/********** - * button * - **********/ -.button { - padding: 3px; +.primary-toolbar .button *:active, +.inline-toolbar .button *:active, +.button *:active { + color: @button_active_text; + text-shadow: 0 1px @button_active_text_shadow; } -GtkComboBox, -.button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-radius: 6px; - border-style: solid; - border-color: transparent; - color: @fg_color; - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); - background-color: transparent; +.button *:insensitive, +.button *:active:insensitive { + color: @insensitive_fg_color; + text-shadow: none; } -.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))); +.toolbar .button.raised *, +.toolbar .raised .button *, +.inline-toolbar .button * { + icon-shadow: 0 1px @button_text_shadow; + text-shadow: 0 1px @button_text_shadow; } -.button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.9))); +.toolbar .button.raised *:active, +.toolbar .raised .button *:active, +.inline-toolbar .button *:active { + icon-shadow: 0 1px @button_active_text_shadow; + text-shadow: 0 1px @button_active_text_shadow; } -.button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.85)), - to (shade (@bg_color, 0.95))); +.toolbar .button.raised *:insensitive, +.toolbar .raised .button *:insensitive, +.inline-toolbar .button *:insensitive { + icon-shadow: none; + text-shadow: none; } -.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.98))); +/* linked entries/buttons */ - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); +/* Set up shadows and hilights for button visual separation */ +.linked .entry { + box-shadow: inset -1px 0 @inset_dark_color; } -.button:insensitive:active { - 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))); +.linked .entry:focus { + box-shadow: inset 1px 0 @inset_dark_color, + inset -1px 0 @inset_dark_color, + inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 1px alpha(@theme_selected_bg_color, 0.1), + inset -1px -1px alpha(@theme_selected_bg_color, 0.2); + } -/* Comboboxes etc */ +.linked .entry:focus:first-child { + box-shadow: inset -1px 0 @inset_dark_color, + inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 1px alpha(@theme_selected_bg_color, 0.1), + inset -1px -1px alpha(@theme_selected_bg_color, 0.2); -GtkComboBox.combobox-entry .button, -GtkScale.slider, -GtkScale.slider.vertical, -.notebook .button, -.inline-toolbar.toolbar .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-top-color: shade (@bg_color, 0.82); - 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: 1px; - text-shadow: 0 1px alpha (shade (@bg_color, 1.26), 0.5); -} - -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 (@button_bg_color, 1.2)), - to (shade (@button_bg_color, 1.04))); - 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); -} - -GtkComboBox.combobox-entry .button:active, -.notebook .button:active, -.inline-toolbar.toolbar .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.9))); - 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); -} - -GtkComboBox.combobox-entry .button:active:hover, -.notebook .button:active:hover, -.inline-toolbar.toolbar .button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.85)), - to (shade (@bg_color, 0.95))); - 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); -} - -GtkComboBox.combobox-entry .button:insensitive, -.notebook .button:insensitive, -.inline-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.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); } -/* Middle button */ -.primary-toolbar .linked .entry, -.primary-toolbar .linked .button, -.primary-toolbar .linked .button:active, -.primary-toolbar .linked .button:active:hover, -.primary-toolbar .linked .button:insensitive { - border-width: 1px; - border-right-width: 0; - border-radius: 0; +.linked .entry:focus:last-child { + box-shadow: inset 1px 0 @inset_dark_color, + inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 1px alpha(@theme_selected_bg_color, 0.1), + inset -1px -1px alpha(@theme_selected_bg_color, 0.2); + } /* Set up shadows and hilights for button visual separation */ @@ -296,87 +1106,91 @@ GtkComboBox.combobox-entry .button:insensitive, .toolbar .button.raised.linked, .toolbar .raised.linked .button, .inline-toolbar.toolbar .button, -.inline-toolbar.toolbar GtkToolButton .button { - box-shadow: inset -1px 0 shade (@bg_color, 0.84); +.inline-toolbar.toolbar GtkToolButton > .button { + box-shadow: inset 1px 0 @inset_light_color, inset -1px 0 @inset_dark_color; } .linked .button:first-child, .toolbar .button.raised.linked:first-child, .toolbar .raised.linked .button:first-child, .inline-toolbar.toolbar .button:first-child, -.inline-toolbar.toolbar GtkToolButton:first-child .button { - box-shadow: inset -1px 0 shade (@bg_color, 0.84); +.inline-toolbar.toolbar GtkToolButton:first-child > .button { + box-shadow: inset -1px 0 @inset_dark_color; + border-left-width: 2px; +} + +.linked .button:active:first-child, +.toolbar .button.raised.linked:active:first-child, +.toolbar .raised.linked .button:active:first-child, +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar GtkToolButton > .button:active:first-child, +.linked .button:active:hover:first-child, +.toolbar .button.raised.linked:active:hover:first-child, +.toolbar .raised.linked .button:active:hover:first-child, +.inline-toolbar.toolbar .button:active:hover:first-child, +.inline-toolbar.toolbar GtkToolButton > .button:active:hover:first-child { + border-left-width: 2px; } .linked .button:last-child, .toolbar .button.raised.linked:last-child, .toolbar .raised.linked .button:last-child, .inline-toolbar.toolbar .button:last-child, -.inline-toolbar.toolbar GtkToolButton:last-child .button { - box-shadow: none; -} - -/* active button shadows */ -.linked .button:active, -.toolbar .button:active.raised.linked, -.toolbar .raised.linked .button:active, -.inline-toolbar.toolbar .button:active, -.inline-toolbar.toolbar GtkToolButton .button:active { - box-shadow: inset 0 0 1px 1px alpha (@dark_bg_color, 0.66); -} - -.linked .button:active:first-child, -.toolbar .button:active.raised.linked:first-child, -.toolbar .raised.linked .button:active:first-child, -.inline-toolbar.toolbar .button:active:first-child, -.inline-toolbar.toolbar GtkToolButton:first-child .button:active { - box-shadow: inset -1px 0 1px 0 alpha (@dark_bg_color, 0.66); +.inline-toolbar.toolbar GtkToolButton:last-child > .button { + box-shadow: inset 1px 0 @inset_light_color; + border-right-width: 2px; } .linked .button:active:last-child, -.toolbar .button:active.raised.linked:last-child, +.toolbar .button.raised.linked:active:last-child, .toolbar .raised.linked .button:active:last-child, .inline-toolbar.toolbar .button:active:last-child, -.inline-toolbar.toolbar GtkToolButton:last-child .button:active { - box-shadow: inset 1px 0 1px 0 alpha (@dark_bg_color, 0.66); -} - -.linked .button:active:only-child, -.toolbar .button:active.raised.linked:only-child, -.toolbar .raised.linked .button:active:only-child, -.inline-toolbar.toolbar .button:active:only-child, -.inline-toolbar.toolbar GtkToolButton:only-child .button:active { - box-shadow: none; +.inline-toolbar.toolbar GtkToolButton > .button:active:last-child, +.linked .button:active:hover:last-child, +.toolbar .button.raised.linked:active:hover:last-child, +.toolbar .raised.linked .button:active:hover:last-child, +.inline-toolbar.toolbar .button:active:hover:last-child, +.inline-toolbar.toolbar GtkToolButton > .button:active:hover:last-child { + border-right-width: 2px; } .linked .button:active, .toolbar .button.raised.linked:active, .toolbar .raised.linked .button:active, .inline-toolbar.toolbar .button:active, -.inline-toolbar.toolbar GtkToolButton .button:active { - /*box-shadow: inset 1px 0 shade (@bg_color, 0.76);*/ +.inline-toolbar.toolbar GtkToolButton > .button:active { + box-shadow: inset 1px 0 @inset_dark_color; } .linked .button:insensitive, .toolbar .button.raised.linked:insensitive, .toolbar .raised.linked .button:insensitive, .inline-toolbar.toolbar .button:insensitive, -.inline-toolbar.toolbar GtkToolButton .button:insensitive { - box-shadow: inset -1px 0 shade (@bg_color, 0.84); +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + box-shadow: inset -1px 0 @inset_dark_color; } +/* remove box shadow from last-child and only-child */ +.linked .button:insensitive:last-child, +.linked .button:only-child, +.toolbar .button.raised.linked:insensitive:last-child, +.toolbar .raised.linked .button:insensitive:last-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button { + box-shadow: none; +} /* Middle button */ .linked .entry, .linked .button, .linked .button:active, .linked .button:active:hover, -.linked .button:focus, -.linked .button:focus:active, .linked .button:insensitive { border-right-width: 0; border-left-width: 0; - border-image-width: 10px 0 10px 0; + border-image-width: 3px 0 4px 0; border-radius: 0; } @@ -385,1905 +1199,2248 @@ GtkComboBox.combobox-entry .button:insensitive, .linked .button:first-child, .linked .button:active:first-child, .linked .button:active:hover:first-child, -.linked .button:focus:first-child, -.linked .button:focus:active:first-child, .linked .button:insensitive:first-child { - border-width: 1px; border-right-width: 0; - border-image-width: 10px 0 10px 12px; - border-radius: 6px; + border-image-width: 3px 0 4px 4px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* Rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:insensitive:last-child { + border-left-width: 0; + border-image-width: 3px 4px 4px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* Linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:insensitive:only-child { + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 3px 4px 4px 4px; + border-radius: 4px; +} + +/* Middle button (vertical) */ +.linked.vertical .entry, +.linked.vertical .button, +.linked.vertical .button:active, +.linked.vertical .button:active:hover, +.linked.vertical .button:insensitive { + border-top-width: 0; + border-bottom-width: 0; + border-image-width: 0 4px; + border-radius: 0; +} + +/* Top button (vertical) */ +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child, +.linked.vertical .button:active:first-child, +.linked.vertical .button:active:hover:first-child, +.linked.vertical .button:insensitive:first-child { + border-bottom-width: 0; + border-image-width: 3px 4px 0 4px; + border-radius: 4px 4px 0 0; +} + +/* Bottom button (vertical) */ +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:hover:last-child, +.linked.vertical .button:insensitive:last-child { + border-top-width: 0; + border-image-width: 0 4px 4px 4px; + border-radius: 0 0 4px 4px; +} + +/* Linked single button (vertical) */ +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child, +.linked.vertical .button:active:only-child, +.linked.vertical .button:active:hover:only-child, +.linked.vertical .button:insensitive:only-child { + border-top-width: 1px; + border-bottom-width: 1px; + border-image-width: 3px 4px 4px 4px; + border-radius: 4px; +} + +/* Linked button shadows (vertical) */ +.linked.vertical .button, +.inline-toolbar.toolbar.vertical .button, +.inline-toolbar.toolbar.vertical GtkToolButton > .button { + box-shadow: inset 0 1px @inset_light_color, inset 0 -1px @inset_dark_color; +} + +.linked.vertical .button:first-child, +.inline-toolbar.toolbar.vertical .button:first-child, +.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button { + box-shadow: inset 0 -1px @inset_dark_color; +} + +.linked.vertical .button:last-child, +.inline-toolbar.toolbar.vertical .button:last-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button { + box-shadow: inset 0 -1px @inset_light_color; +} + +.linked.vertical .button:active, +.inline-toolbar.toolbar.vertical .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:active { + box-shadow: inset 0 1px @inset_dark_color, inset 0 -1px @inset_dark_color; +} + +.linked.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive { + box-shadow: inset 0 -1px @inset_dark_color; +} + +.linked.vertical .button:only-child, +.linked.vertical .button:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button { + box-shadow: none; +} + +/* Linked buttons on primary toolbars */ + +/* Middle button */ +.primary-toolbar .button.raised.linked, +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .linked .entry, +.primary-toolbar .linked .button, +.primary-toolbar .linked .button:active, +.primary-toolbar .linked .button:insensitive, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton > .button, +.inline-toolbar.toolbar GtkToolButton > .button:active, +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + border-right-width: 0; + border-left-width: 0; + border-image-width: 3px 0 4px 0; + border-radius: 0; +} + +/* Leftmost button */ +.primary-toolbar .button.raised.linked:first-child, +.primary-toolbar .button.raised.linked:active:first-child, +.primary-toolbar .button.raised.linked:insensitive:first-child, +.primary-toolbar .linked .entry:first-child, +.primary-toolbar .linked .button:first-child, +.primary-toolbar .linked .button:active:first-child, +.primary-toolbar .linked .button:insensitive:first-child, +.inline-toolbar.toolbar .button:first-child, +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar .button:insensitive:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button, +.inline-toolbar.toolbar GtkToolButton:first-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:first-child > .button:insensitive { + border-left-width: 2px; + border-right-width: 0; + border-image-width: 3px 0 4px 3px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* Rightmost button */ +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:active:last-child, +.primary-toolbar .button.raised.linked:insensitive:last-child, +.primary-toolbar .linked .entry:last-child, +.primary-toolbar .linked .button:last-child, +.primary-toolbar .linked .button:active:last-child, +.primary-toolbar .linked .button:insensitive:last-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive { + border-left-width: 0; + border-right-width: 2px; + border-image-width: 3px 3px 4px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + box-shadow: none; +} + +/* Single button */ +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive { + border-right-width: 2px; + border-left-width: 2px; + border-image-width: 3px 3px 4px 3px; + border-radius: 4px; +} + +/* Special-case GtkMenuToolButton, since it's a GtkToolButton, but it + * has a box inside to pack the button and the actual menu */ +.inline-toolbar.toolbar GtkMenuToolButton .button:first-child, +.inline-toolbar.toolbar GtkMenuToolButton .button:active:first-child, +.inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:first-child, +.inline-toolbar.toolbar GtkMenuToolButton .button:last-child, +.inline-toolbar.toolbar GtkMenuToolButton .button:active:last-child, +.inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:last-child { + border-right-width: 0; + border-left-width: 0; + border-image-width: 3px 0 4px 0; + border-radius: 0; +} + +.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:first-child, +.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:active:first-child, +.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:insensitive:first-child { + border-left-width: 2px; + border-right-width: 0; + border-image-width: 3px 0 4px 3px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:last-child, +.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:active:last-child, +.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:insensitive:last-child { + border-left-width: 0; + border-right-width: 2px; + border-image-width: 3px 3px 4px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* Vertical inline toolbars */ + +/* Middle button */ +.inline-toolbar.toolbar.vertical .button, +.inline-toolbar.toolbar.vertical .button:active, +.inline-toolbar.toolbar.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton > .button, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive { + border-bottom-width: 0; + border-top-width: 0; + border-image-width: 0 3px 0 3px; + border-radius: 0; +} + +/* Topmost button */ +.inline-toolbar.toolbar.vertical .button:first-child, +.inline-toolbar.toolbar.vertical .button:active:first-child, +.inline-toolbar.toolbar.vertical .button:insensitive:first-child, +.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:insensitive { + border-width: 2px 2px 0 2px; + border-image-width: 3px 3px 0 3px; + border-bottom-left-radius: 0; border-bottom-right-radius: 0; +} + +/* Bottommost button */ +.inline-toolbar.toolbar.vertical .button:last-child, +.inline-toolbar.toolbar.vertical .button:active:last-child, +.inline-toolbar.toolbar.vertical .button:insensitive:last-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive { + border-width: 0 2px 2px 2px; + border-image-width: 0 3px 4px 3px; + border-top-left-radius: 0; border-top-right-radius: 0; } -.linked .button:hover:first-child, -.linked .button:hover:focus:first-child { - border-image-width: 10px 0 10px 12px; +/* Single button */ +.inline-toolbar.toolbar.vertical .button:only-child, +.inline-toolbar.toolbar.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical .button:insensitive:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive { + border-top-width: 2px; + border-bottom-width: 2px; + border-image-width: 3px 3px 3px 4px; + border-radius: 4px; +} + +GtkLinkButton.button, +GtkLinkButton.button *:active { + text-shadow: none; +} + +.button .separator { + color: shade(@internal_element_color, 1.30); +} + +/***************** + * Notebooks and * + * tabs * + *****************/ +.notebook { + /* To get rid of the horrible adwaita tabs we need the notebook to use no engine */ + engine: none; + padding: 0; + + border-color: @borders; + border-style: solid; + border-width: 1px; + border-radius: 4px; + + background-clip: border-box; + background-color: shade (@theme_bg_color, 1.1); + + -GtkNotebook-tab-overlap: -1; + -GtkNotebook-initial-gap: 0; +} + +.notebook GtkViewport { + background-color: @theme_base_color; +} + +.notebook tab { + padding: 2px; + border-style: solid; + border-width: 1px 1px 0px 1px; + border-color: @borders; + background-image: linear-gradient(to bottom, + @notebook_tab_gradient_a, + @notebook_tab_gradient_b); + border-radius: 4px 4px 0 0; + border-image: none; + box-shadow: inset 0 1px alpha (shade (@theme_bg_color, 1.26), 0.3); +} + +.notebook tab.bottom { + background-image: linear-gradient(to top, + @notebook_tab_gradient_a, + @notebook_tab_gradient_b); + border-width: 0px 1px 1px 1px; + border-radius: 0 0 4px 4px; + box-shadow: inset 0 -1px alpha (shade (@theme_bg_color, 1.26), 0.3); +} + +.notebook tab:active { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.18), + shade (@theme_bg_color, 1.1)); + border-width: 1px 1px 0px 1px; +} + +.notebook tab.bottom:active { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.1), + shade (@theme_bg_color, 1.18)); + border-width: 0px 1px 1px 1px; +} + +.notebook tab.top { + padding: 4px 2px 0; +} + +.notebook tab.top:active { + padding: 6px 2px 0; +} + +.notebook tab.bottom { + padding: 0 2px 4px; +} + +.notebook tab.bottom:active { + padding: 0 2px 6px; +} + +.notebook tab.left, +.notebook tab.right { + background-image: none; + background-color: @theme_bg_color; + padding: 3px; +} + +.notebook tab.left { + border-width: 1px 0 1px 1px; + border-radius: 4px 0 0 4px; +} + +.notebook tab.right { + border-width: 1px 1px 1px 0; + border-radius: 0 4px 4px 0; +} + +.notebook tab.left:active, +.notebook tab.right:active { + background-image: none; + background-color: shade (@theme_bg_color, 1.1); +} + +.notebook tab.left:active { + padding: 3px 3px 3px 5px; + border-radius: 4px 0 0 4px; } -/* Rightmost button */ -.linked .entry:last-child, -.linked .button:last-child, -.linked .button:active:last-child, -.linked .button:active:hover:last-child, -.linked .button:focus:last-child, -.linked .button:focus:active:last-child, -.linked .button:insensitive:last-child { - border-width: 1px; - border-left-width: 0; - border-image-width: 10px 12px 10px 0; - border-radius: 6px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.notebook tab.right:active { + padding: 3px 5px 3px 3px; + border-radius: 0 4px 4px 0; } -.linked .button:hover:last-child, -.linked .button:hover:focus:last-child { - border-image-width: 10px 12px 10px 0; +/* close button styling */ +.notebook tab .button, +.notebook tab .button:active, +.notebook tab .button:hover { + border-image: none; + border-style: none; + background-image: none; + background-color: transparent; } -/* Linked single button */ -.linked .entry:only-child, -.linked .button:only-child, -.linked .button:active:only-child, -.linked .button:active:hover:only-child, -.linked .button:focus:only-child, -.linked .button:focus:active:only-child, -.linked .button:insensitive:only-child { - border-right-width: 1px; - border-left-width: 1px; - border-image-width: 10px 12px 10px 12px; - border-radius: 6px; -} +.notebook tab .button GtkImage { + border-radius: 3px; + color: @theme_fg_color; + border-style: solid; + border-color: transparent; + border-width: 1px; + padding: 1px; -/* Set up shadows and hilights for button visual separation */ -.primary-toolbar .linked .button, -.primary-toolbar .button.raised.linked, -.primary-toolbar .raised.linked .button { - /* box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4), - inset -1px 0 shade (@dark_bg_color, 0.9); */ + icon-shadow: 0 1px @button_text_shadow; } -.primary-toolbar .linked .button:first-child, -.primary-toolbar .button.raised.linked:first-child, -.primary-toolbar .raised.linked .button:first-child { - /* box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); */ +.notebook tab .button GtkImage:hover { + color: @theme_fg_color; + border-color: alpha(black, 0.1); } -.primary-toolbar .linked .button:last-child, -.primary-toolbar .button.raised.linked:last-child, -.primary-toolbar .raised.linked .button:last-child { - /* box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4); */ +.notebook tab .button GtkImage:active, +.notebook tab .button GtkImage:active:hover { + background-color: alpha(black, 0.08); + box-shadow: inset 0 1px alpha(black, 0.05); + color: @button_active_text; + icon-shadow: 0 1px @button_active_text_shadow; + + border-color: alpha(black, 0.27) + alpha(black, 0.13) + alpha(black, 0.13) + alpha(black, 0.13); } -.primary-toolbar .linked .button:active, -.primary-toolbar .button.raised.linked:active, -.primary-toolbar .raised.linked .button:active { - /* box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9); */ +/************** + * ComboBoxes * + **************/ +GtkComboBox { + padding: 0; + + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + + text-shadow: 0 1px @button_text_shadow; } -.primary-toolbar .linked .button:insensitive, -.primary-toolbar .button.raised.linked:insensitive, -.primary-toolbar .raised.linked .button:insensitive { - box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); +GtkComboBox *:insensitive { + text-shadow: none; + color: @insensitive_fg_color; } -/* Linked single button */ -.primary-toolbar .linked .entry:only-child, -.primary-toolbar .linked .button:only-child, -.primary-toolbar .linked .button:active:only-child, -.primary-toolbar .linked .button:active:hover:only-child, -.primary-toolbar .linked .button:insensitive:only-child { - border-radius: 6px; - box-shadow: none; +GtkComboBox .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; } -/**************** - * cell and row * - ****************/ -.cell { - background-color: @base_color; - border-radius: 0; - border-width: 0; +GtkComboBox.combobox-entry .entry:first-child, +GtkComboBox.combobox-entry .button:first-child { + border-image-width: 3px 0 4px 3px; + border-radius: 3px 0 0 3px; + border-right-width: 0; } -row:selected, -row:selected:focused { - border-width: 1px 0 0 0; - border-style: solid; - border-color: shade (@selected_bg_color, 0.85); - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 1.0)), - to (shade (@selected_bg_color, 0.85))); +GtkComboBox.combobox-entry .entry:last-child, +GtkComboBox.combobox-entry .button:last-child { + border-image-width: 3px 3px 4px 0; + border-radius: 0 3px 3px 0; + border-left-width: 0; } -row:selected:backdrop, -row:selected:focused:backdrop { - border-width: 1px 0 0 0; - border-style: solid; - border-color: @backdrop_selected_bg_color; - background-image: -gtk-gradient (linear,left top, left bottom, - from (shade (@backdrop_selected_bg_color, 1.08)), - to (shade (@backdrop_selected_bg_color, 0.98))); +.primary-toolbar GtkComboBox.combobox-entry .entry:first-child, +.primary-toolbar GtkComboBox.combobox-entry .button:first-child { + border-image-width: 4px 0 4px 4px; + border-radius: 3px 0 0 3px; + border-right-width: 0; } -/******************* - * check and radio * - *******************/ -.check, -.radio, -.check:insensitive, -.radio:insensitive { - background-color: transparent; - border-style: none; - margin: 1px 0; +.primary-toolbar GtkComboBox.combobox-entry .entry:last-child, +.primary-toolbar GtkComboBox.combobox-entry .button:last-child { + border-image-width: 4px 4px 4px 0; + border-radius: 0 3px 3px 0; + border-left-width: 0; } -GtkCheckButton:hover, -GtkCheckButton:active:hover, -GtkCheckButton:selected, -GtkCheckButton:selected:focus { - background-color: transparent; +GtkComboBox.combobox-entry .entry:focus:first-child { + box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1), + inset 1px 1px alpha(@theme_selected_bg_color, 0.1), + inset 0 -1px alpha(@theme_selected_bg_color, 0.2); } -.menu .radio * { - box-shadow: none; +GtkComboBox.combobox-entry .entry:focus:last-child { + box-shadow: inset -1px 2px alpha(@theme_selected_bg_color, 0.1), + inset -1px 1px alpha(@theme_selected_bg_color, 0.1), + inset 0 -1px alpha(@theme_selected_bg_color, 0.2); } -/***************** - * column-header * - *****************/ -column-header .button, -column-header .button:hover, -column-header .button:active, -column-header .button:active:hover, -column-header .button:focused, -column-header .button:hover:focused, -column-header .button:active:focused, -column-header .button:active:hover:focused { - -GtkButton-inner-border: 0; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color,0.9)), - to (shade (@base_color,1.0))); - text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4); - box-shadow: inset 0 1px 0 0 shade (@base_color, 0.96); - border-radius: 0; - border-width: 0; - border-right-width: 1px; - border-image: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@bg_color, 0.94), 1.0)), - to (alpha (shade (@base_color, 1.02), 1.0))) 1; +GtkComboBox.combobox-entry .button:last-child, +GtkComboBox.combobox-entry .button:hover:last-child, +GtkComboBox.combobox-entry .button:active:last-child, +GtkComboBox.combobox-entry .button:hover:active:last-child { + box-shadow: inset 1px 0 @inset_dark_color, + inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); } -column-header .button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color,0.98)), - to (shade (@base_color,1.0))); +GtkComboBox.combobox-entry .button:first-child, +GtkComboBox.combobox-entry .button:hover:first-child, +GtkComboBox.combobox-entry .button:active:first-child, +GtkComboBox.combobox-entry .button:hover:active:first-child { + box-shadow: inset -1px 0 @inset_dark_color, + inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); } -column-header .button:focused, -column-header .button:hover:focused, -column-header .button:active:focused, -column-header .button:active:hover:focused { - box-shadow: inset 0 1px 0 0 shade (@selected_bg_color, 1.0); - outline-color: transparent; +GtkComboBox.combobox-entry .button:insensitive:first-child { + box-shadow: inset -1px 0 @inset_dark_color; } -column-header:nth-child(last) .button { - border-right-width: 0; +GtkComboBox.combobox-entry .button:insensitive:last-child { + box-shadow: inset 1px 0 @inset_dark_color; } -/****************** - * combobox entry * - ******************/ -.primary-toolbar GtkComboBox.combobox-entry .entry, -.primary-toolbar GtkComboBox.combobox-entry .entry:active, -.primary-toolbar GtkComboBox.combobox-entry .entry:focused, -GtkComboBox.combobox-entry .entry, -GtkComboBox.combobox-entry .entry:active, -GtkComboBox.combobox-entry .entry:focused { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-width: 1px 0 1px 1px; - box-shadow: inset 0 0 1px 1px alpha (@dark_bg_color, 0.26); - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color, 0.96)), - to (@base_color)); +GtkComboBox.combobox-entry .button *:active, +GtkComboBox.combobox-entry .button *:active:hover { + color: @theme_text_color; } -.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, -GtkComboBox.combobox-entry .entry:insensitive { - background-color: shade (@bg_color, 0.96); - background-image: none; - color: mix (@text_color, @base_color, 0.4); - box-shadow: inset 0 0 1px 1px alpha (@dark_bg_color, 0.16); +GtkComboBox .button { + color: @theme_text_color; } -GtkComboBox.combobox-entry .entry:focused { - box-shadow: inset 0 0 1px 1px alpha (@selected_bg_color, 0.66); +GtkComboBox .button *:hover { + color: @internal_element_color; } -.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:focus, -GtkComboBox.combobox-entry .button:insensitive { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-width: 1px 1px 1px 1px; - border-image: none; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - outline-color: transparent; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 13; + -GtkScrollbar-min-slider-length: 42; /* minimum size for the slider. sadly can't be in '.slider' where it belongs */ + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } -GtkComboBox.combobox-entry .button, -GtkComboBox.combobox-entry .button:insensitive { - border-color: shade (@bg_color, 0.66); - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); +.scrollbars-junction { /* the small square between scrollbars!!! */ + background-image: none; + background-color: @theme_bg_color; + border-width: 0; + border-radius: 0; + border-image: none; } -GtkComboBox.combobox-entry .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))); +.scrollbar.trough, +.scrollbar.trough.vertical { + background-image: linear-gradient(to right, + @scrollbar_trough, + shade (@scrollbar_trough, 1.08)); + border-left-width: 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.94); + border-radius: 0; + border-image: none; } -GtkComboBox.combobox-entry .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.9))); - box-shadow: inset 0 0 1px 1px alpha (@dark_bg_color, 0.26); +.scrollbar.trough.horizontal { + background-image: linear-gradient(to bottom, + @scrollbar_trough, + shade (@scrollbar_trough, 1.08)); + border-top-width: 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.94); + border-radius: 0; + border-image: none; } -GtkComboBox { - padding: 1px 1px 0; +.scrollbar.button, +.scrollbar.button:active, +.scrollbar.button:active:hover, +.scrollbar.button:insensitive { + border-style: none; + border-image: none; + border-radius: 0; + background-image: none; + background-color: transparent; } -GtkComboBox .button { - padding: 2px; +.scrollbar.button:active, +.scrollbar.button:active:hover { + background-color: alpha(shade(@scrollbar_trough, 0.8), 0.5); } -GtkComboBox .separator { - border-width: 0; +.scrollbar.button.top:hover { + box-shadow: inset 0 -1px mix(@scrollbar_slider, @scrollbar_trough, 0.8); } -/**************** - * Content view * - ****************/ -.content-view.view { - background-color: @base_color; +.scrollbar.button.bottom:hover { + box-shadow: inset 0 1px mix(@scrollbar_slider, @scrollbar_trough, 0.8); } -.content-view.view:prelight { - background-color: shade (@bg_color, 1.03); +.scrollbar.button.right:hover { + box-shadow: inset 1px 0 mix(@scrollbar_slider, @scrollbar_trough, 0.8); } -.content-view.view:selected, -.content-view.view:active { - /*background-color: @selected_bg_color;*/ +.scrollbar.button.left:hover { + box-shadow: inset -1px 0 mix(@scrollbar_slider, @scrollbar_trough, 0.8); } -.content-view.view:insensitive { - background-color: @bg_color; +.scrollbar.button { + color: @theme_fg_color; } -.content-view.view:backdrop { - background-color: @bg_color; +.scrollbar.button:hover { + color: @theme_fg_color; } -.content-view.view:selected:backdrop { - background-color: @backdrop_selected_bg_color; +.scrollbar.button:insensitive { + color: @insensitive_fg_color; } -GdMainIconView.content-view { - -GdMainIconView-icon-size: 40; +.scrollbar.button:active { + color: @theme_fg_color; } -GtkIconView.content-view.check { - background-color: transparent; +.scrollbar.slider.vertical { + background-image: linear-gradient(to right, + shade(@scrollbar_slider, 0.95), + shade(@scrollbar_slider, 0.8)); + border-radius: 20px; + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.65); + border-width: 1px; } -GtkIconView.content-view.check:active { - background-color: transparent; +.scrollbar.slider.vertical:hover, +.scrollbar.slider.vertical:hover:active { + background-image: linear-gradient(to right, + shade(@scrollbar_slider, 0.85), + shade(@scrollbar_slider, 0.7)); + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.65); + border-width: 1px; } -.content-view.view.check, -.content-view.view.check:active { - background-color: transparent; +.scrollbar.slider.horizontal { + background-image: linear-gradient(to bottom, + shade(@scrollbar_slider, 0.95), + shade(@scrollbar_slider, 0.8)); + border-radius: 20px; + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.65); + border-width: 1px; } -GtkIconView.content-view.check:prelight, -GtkIconView.content-view.check:insensitive, -GtkIconView.content-view.check:backdrop, -GtkIconView.content-view.check:selected { - background-color: transparent; +.scrollbar.slider.horizontal:hover, +.scrollbar.slider.horizontal:hover:active { + background-image: linear-gradient(to bottom, + shade(@scrollbar_slider, 0.85), + shade(@scrollbar_slider, 0.7)); + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.65); + border-width: 1px; } -/**************** - * drawing area * - ****************/ -GtkDrawingArea { - background-color: transparent; +.scrollbar.slider:insensitive { + background-color: shade(@scrollbar_slider, 0.85); + border-style: solid; + border-image: none; + border-color: shade(@scrollbar_slider, 0.75); + border-width: 1px; } /********* - * entry * + * Menus * *********/ -.entry { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color, 0.96)), - to (@base_color)); - background-color: @base_color; /* Fix for Opera */ - border-color: shade (@bg_color, 0.66); - border-radius: 2px; - border-style: solid; - padding: 4px 5px 4px 5px; - box-shadow: inset 0 0 1px 1px alpha (@dark_bg_color, 0.26); - color: @text_color; +/* combobox menus */ +GtkTreeMenu.menu { + background-color: @menu_bg_color; } -.entry:selected, -.entry:selected:focused { - background-color: @selected_bg_color; - color: @selected_fg_color; - box-shadow: inset 0 0 1px 1px alpha (@selected_bg_color, 0.66); -} +GtkTreeMenu .menuitem { + padding: 2px; -.entry:focused { - box-shadow: inset 0 0 1px 1px alpha (@selected_bg_color, 0.66); - border-color: shade (@selected_bg_color, 0.66); + border-style: none; } -.entry:insensitive { - background-color: shade (@bg_color, 0.96); - background-image: none; - color: mix (@text_color, @base_color, 0.4); - box-shadow: inset 0 0 1px 1px alpha (@dark_bg_color, 0.16); +GtkTreeMenu .menuitem * { + color: @theme_text_color; } -.primary-toolbar .entry.progressbar, -.primary-toolbar .entry.progressbar, -.entry.progressbar { - 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: 2px; - border-width: 0; - color: @selected_fg_color; +GtkTreeMenu .menuitem, +.button .menuitem, +.toolbar .button .menuitem * { + text-shadow: none; } -/* needed for webkit/GtkStyle compatibility */ -.entry:active { - color: @backdrop_selected_fg_color; - background-color: @backdrop_selected_bg_color; +.menu { + background-color: @menu_bg_color; + color: @menu_fg_color; + padding: 0; + border-style: none; } -.cursor-handle.top, -.cursor-handle.bottom { - background-color: transparent; - box-shadow: none; - border-style: none; - border-image: none; - border-radius: 0px; - border-width: 0px; +.menu.button { + background-image: none; + background-color: @theme_base_color; + color: @internal_element_color; - /* background-image in assets */ + border-image: none; + border-style: none; } -/************ - * expander * - ************/ -.expander { - color: @fg_color; +.menu.button:hover { + background-image: none; + background-color: @theme_base_color; + color: @theme_text_color; + + border-image: none; + border-style: none; } -/********* - * frame * - *********/ -.frame { - border-width: 1px; - border-style: solid; - border-color: shade (@bg_color, 0.9); +.menu.button:insensitive { + background-color: @theme_base_color; + color: lighter(@internal_element_color); + border-image: none; - padding: 0; + border-style: none; } -GtkScrolledWindow.frame { +/* this controls the general appearance of the menubar */ +.menubar { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_bg_color, 0.96)); + border-width: 0 0 1px 0; border-style: solid; - border-color: shade (@bg_color, 0.9); - border-width: 1px; - border-radius: 2px; - padding: 0; + border-color: alpha (@theme_base_color, 0.2); + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.92); + -GtkWidget-window-dragging: true; } -/* avoid double borders when a viewport is - * packed into a GtkScrolledWindow */ -GtkScrolledWindow GtkViewport.frame { +.menubar .menuitem { border-style: none; + padding: 2px 6px; + text-shadow: 0 1px @button_text_shadow; } -/************ - * iconview * - ************/ -GtkIconView.view.cell:selected, -GtkIconView.view.cell:selected:focused { - 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: 2px; - border-style: solid; - border-width: 1px; - color: @selected_fg_color; +.menubar .menuitem:hover { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.82)); } -.rubberband { - background-color: alpha (@selected_bg_color, 0.35); - border-color: @selected_bg_color; +.menubar .menuitem *:hover { + color: @menu_fg_color; +} + +.menu .menuitem { + -GtkMenuItem-arrow-scaling: 0.4; + padding: 4px; +} + +.menu .menuitem:hover { border-radius: 0; - border-style: solid; - border-width: 1px; } -/********* - * image * - *********/ -GtkImage, -GtkImage:insensitive, -GtkLabel, -GtkLabel:insensitive { - background-color: transparent; +.menu .menuitem:active, +.menu .menuitem:hover { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 0.85)); + text-shadow: none; } -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-width: 0; - border-style: none; +.menu .menuitem:insensitive { + background-color: @menu_bg_color; } -.info { - text-shadow: 0 1px @info_text_shadow; +.menu .menuitem:active, +.menu .menuitem *:active, +.menu .menuitem:hover, +.menu .menuitem *:hover { + color: @theme_selected_fg_color; } -.warning { - text-shadow: 0 1px @warning_text_shadow; +.menu .menuitem:insensitive, +.menu .menuitem *:insensitive { + color: mix (@menu_fg_color, @menu_bg_color, 0.6); } -.question { - text-shadow: 0 1px @question_text_shadow; +.menu .menuitem .accelerator:insensitive { + color: mix (@menu_fg_color, @menu_bg_color, 0.7); } -.error { - text-shadow: 0 1px @error_text_shadow; +.menuitem .accelerator { + color: alpha (@menu_fg_color, 0.4); } -.info .entry, -.info .entry:focus, -.info .button, -.info .button:insensitive, -.info .button:active, -.warning .entry, -.warning .entry:focus, -.warning .button, -.warning .button:insensitive, -.warning .button:active, -.error .entry, -.error .entry:focus, -.error .button, -.error .button:insensitive, -.error .button:active { - border-image: none; +.menuitem .accelerator:hover, +.menuitem .accelerator:active { + color: alpha (@theme_selected_fg_color, 0.7); +} - border-color: shade(@borders, 0.9); - border-style: solid; - border-width: 1px; +.menuitem.arrow { + color: @menu_controls_color; } -.question .entry, -.question .entry:focus, -.question .button, -.question .button:insensitive, -.question .button:active { - border-image: none; +.menuitem.separator { + color: @menu_separator; - border-color: darker(@question_bg_color); - border-style: solid; - border-width: 1px; + -GtkMenuItem-horizontal-padding: 0px; } -.info { - background-color: @info_bg_color; - color: @info_fg_color; +.menuitem.check, +.menuitem.radio, +.menuitem.check:hover, +.menuitem.radio:hover, +.menuitem.check:insensitive, +.menuitem.radio:insensitive { + background-image: none; + background-color: transparent; +} - border-color: darker(@info_bg_color); +.menuitem.check:active, +.menuitem.radio:active { + background-color: transparent; } -.warning { - background-color: @warning_bg_color; - color: @warning_fg_color; +.menuitem.check:active { + background-image: url("assets/menuitem-checkbox-checked.svg"); +} - border-color: darker(@warning_bg_color); +.menuitem.check:active:hover { + background-image: url("assets/menuitem-checkbox-checked-selected.svg"); } -.question { - background-color: @question_bg_color; - color: @question_fg_color; +.menuitem.check:active:insensitive { + background-image: url("assets/menuitem-checkbox-checked-insensitive.svg"); +} - border-color: darker(@question_bg_color); +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + background-image: url("assets/menuitem-checkbox-mixed.svg"); } -.error { - background-color: @error_bg_color; - color: @error_fg_color; +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + background-image: url("assets/menuitem-checkbox-mixed-insensitive.svg"); +} - border-color: darker(@error_bg_color); +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover { + background-image: url("assets/menuitem-checkbox-mixed-selected.svg"); } -/************** - * Dim labels * - **************/ -.view.dim-label, -.dim-label, -.dim-label:hover, -.dim-label:focus { - color: mix (@fg_color, @bg_color, 0.50); - text-shadow: none; +.menuitem.radio:active { + background-image: url("assets/menuitem-radio-checked.svg"); } -.dim-label:selected, -.dim-label:selected:focus { - color: mix (@selected_fg_color, @base_color, 0.50); - text-shadow: none; +.menuitem.radio:active:hover { + background-image: url("assets/menuitem-radio-checked-selected.svg"); } -/******** - * menu * - ********/ -GtkTreeMenu.menu, -.toolbar .primary-toolbar .menu, -GtkMenuToolButton.menu, -.primary-toolbar .button .menu, -.menu { - background-image: none; - background-color: @base_color; - padding: 0; - border-width: 1px; - border-style: solid; - border-color: shade (@bg_color, 0.8); - border-radius: 0; - color: @fg_color; - box-shadow: none; +.menuitem.radio:active:insensitive { + background-image: url("assets/menuitem-radio-checked-insensitive.svg"); } -.toolbar .menu, -GtkComboBox .menu { - background-image: none; - background-color: @base_color; - border-style: solid; - padding: 0; +/*************** + * Menu Button * + ***************/ +.toolbar GtkMenuButton.button:active, +.toolbar GtkMenuButton.button.raised:active, +GtkMenuButton.button:active, +.linked GtkMenuButton.button:active, +.toolbar .linked.raised GtkMenuButton.button:active, +.toolbar GtkMenuButton.button.linked.raised:active { +/* background-image: none; + background-color: @menu_bg_color; - color: @fg_color; + border-image: none; + border-color: @menu_bg_color; + border-radius: 4px 4px 0 0; + color: @theme_text_color;*/ +} - box-shadow: none; +GtkMenuButton.button *:active, +.linked GtkMenuButton.button *:active, +.toolbar .linked.raised GtkMenuButton.button *:active, +.toolbar GtkMenuButton.button.linked.raised *:active { + text-shadow: none; + icon-shadow: none; } -.menu:selected { - background-color: @selected_bg_color; +.linked GtkMenuButton.button:active:last-child, +.toolbar .linked.raised GtkMenuButton.button:active:last-child, +.toolbar GtkMenuButton.button.linked.raised:active:last-child { + border-top-left-radius: 0; } -.menu.button:hover, -.menu.button:active, -.menu.button:active:insensitive, -.menu.button:insensitive, -.menu.button { - background-color: shade (@bg_color, 1.08); - background-image: none; - border-radius: 0; - border-style: none; - border-width: 1px; +.linked GtkMenuButton.button:active:first-child, +.toolbar .linked.raised GtkMenuButton.button:active:first-child, +.toolbar GtkMenuButton.button.linked.raised:active:first-child { + border-top-right-radius: 0; } -/*********** - * menubar * - ***********/ -.menubar { - -GtkWidget-window-dragging: true; +.button.menuitem.menubar:active { + background-image: none; + background-color: @menu_bg_color; - background-image: -gtk-gradient (linear,left top,left bottom, - from (@toolbar_gradient_base), - to (@toolbar_gradient_final)); - border-width: 0 0 1px 0; + border-radius: 4px 4px 0 0; + border-image: none; + border-width: 1px 1px 0 1px; + border-color: @menu_bg_color; border-style: solid; - border-color: alpha (@base_color, 0.2); - - color: @fg_color; - text-shadow: alpha (shade (@button_bg_color, 1.25), 0.4); - box-shadow: inset 0px -1px @toolbar_border; } -/*************** - * menubaritem * - ***************/ -.menubar.menuitem, -.menubar .menuitem { - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); +.button.menuitem.menubar *:active, +GtkMenuButton.button *:active, +.toolbar GtkMenuButton.button *:active { + color: @theme_text_color; } -.menubar.menuitem:hover, -.menubar .menuitem:hover { - color: @fg_color; +GtkMenuButton .menu { text-shadow: none; - border-width: 0px; +} + +/**************** + * Radiobuttons * + ****************/ + +.check, +.radio, +.check:insensitive, +.radio:insensitive { + background-color: transparent; border-style: none; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.0)), - to (shade (@bg_color, 0.85))); - /*box-shadow: inset 0 -1px shade (@dark_bg_color, 0.95);*/ - box-shadow: none; +} + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { + background-color: transparent; } /************ - * menuitem * + * Toolbars * ************/ -.menuitem { - border-radius: 0; +.toolbar { border-style: none; - border-width: 0px; - padding: 3px 2px 3px 2px; - box-shadow: none; + border-color: darker (@theme_bg_color); + padding: 6px; + background-color: @theme_bg_color; } -/* Workaround for lp:949368 */ -GtkComboBox .menuitem * { - color: @fg_color; +.toolbar .button { + padding: 1px; } -GtkComboBox .menuitem *:hover { - color: @selected_fg_color; +.toolbar .button.text-button { + padding: 2px 16px; } -.menuitem:hover, -.menu .menuitem:hover, -.toolbar .primary-toolbar .menu .menuitem:hover, -.primary-toolbar .button .menu .menuitem:hover, -.toolbar .primary-toolbar .menu .menuitem *:hover, -.primary-toolbar .button .menu .menuitem *:hover { - border-radius: 0; - border-width: 0; - border-style: none; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@selected_bg_color, 1.0)), - to (shade (@selected_bg_color, 0.85))); - box-shadow: none; - color: @selected_fg_color; - text-shadow: none; +.toolbar .button.image-button { + padding: 5px 4px 4px 5px; } -.menuitem.check:active, -.menuitem.radio:active { - color: @fg_color; +.toolbar:insensitive { + color: alpha (@theme_fg_color, 0.6); + background-color: @insensitive_bg_color; } -.menu .menuitem.check:hover, -.menu .menuitem.radio:hover { - box-shadow: none; +/******************** + * Menubar Toolbars * + ********************/ +.toolbar.menubar { + -GtkToolbar-button-relief: normal; + + padding: 6px 6px 5px 6px; /* weird padding to compensate border-images + and eventual top border presence, + see selection mode toolbars */ + } -GtkTreeMenu.menu .menuitem:insensitive, -GtkTreeMenu.menu .menuitem *:insensitive, -.toolbar .primary-toolbar .menu .menuitem:insensitive, -.toolbar .primary-toolbar .menu .menuitem *:insensitive, -GtkMenuToolButton.menu .menuitem:insensitive, -GtkMenuToolButton.menu .menuitem *:insensitive, -.primary-toolbar .button .menu .menuitem:insensitive, -.primary-toolbar .button .menu .menuitem *:insensitive, -.menuitem:insensitive, -.menuitem *:insensitive { - color: mix (@fg_color, @bg_color, 0.5); +/*************** + * Header bars * + ***************/ +.header-bar { + border-width: 0 0 1px; + border-style: solid; + border-color: shade(@borders, 0.90); + padding: 0 1px; + + box-shadow: inset 0 -1px shade(@borders, 1.30); + background-color: @theme_bg_color; } -.toolbar .menu .menuitem:insensitive, -.toolbar .menu .menuitem *:insensitive, -GtkComboBox .menu .menuitem:insensitive, -GtkComboBox .menu .menuitem *:insensitive { - color: mix (@fg_color, @bg_color, 0.5); +.header-bar .button.text-button { + padding: 2px 16px; } -.menuitem GtkCalendar, -.menuitem GtkCalendar.button, -.menuitem GtkCalendar.header, -.menuitem GtkCalendar.view { - background-color: @bg_color; - background-image: none; - border-radius: 0; +.header-bar .button.image-button { + padding: 5px 4px 4px 5px; +} + +/******************** + * Primary Toolbars * + ********************/ + +/* applications using EggEditableToolbar usually set the primary-toolbar + * hint on the containing vbox, so we need to handle both these cases here. */ +.primary-toolbar .toolbar, +.primary-toolbar.toolbar { + border-bottom-color: shade (@theme_bg_color, 0.92); border-style: solid; - border-width: 0; - padding: 0; + border-width: 0 0 1px 0; - color: @fg_color; + -GtkWidget-window-dragging: true; + -GtkToolbar-button-relief: normal; + text-shadow: 0 1px @button_text_shadow; + padding-top: 1px; + padding-bottom: 1px; } -.menuitem GtkCalendar { - background-color: shade (@bg_color, 1.3); +.primary-toolbar .toolbar:insensitive, +.primary-toolbar.toolbar:insensitive { background-image: none; + background-color: shade (@theme_bg_color, 0.97); + + border-color: shade (@theme_bg_color, 0.91); + text-shadow: none; } -.menuitem .entry { - background-color: shade (@bg_color, 1.3); - background-image: none; +/* progressbars on primary toolbar entries are special */ +.primary-toolbar .toolbar .entry.progressbar, +.primary-toolbar.toolbar .entry.progressbar { + background-image: linear-gradient(to bottom, + @trough_bg_color_a, + @trough_bg_color_b); + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: shade(@internal_element_color, 1.10); + border-image: none; + + color: @theme_text_color; +} + +/******************* + * Inline toolbars * + *******************/ + +.inline-toolbar.toolbar { + border-width: 1px; + border-style: solid; + border-color: @borders; + + -GtkToolbar-button-relief: normal; + /*box-shadow: inset 0 3px alpha(black, 0.02), inset 0 2px alpha(black, 0.02), inset 0 1px alpha(black, 0.02);*/ + padding: 2px; +} - color: @dark_fg_color; +.inline-toolbar.toolbar:last-child { + border-top-width: 0; + /*padding-top: 4px; FIXME: why a specific padding here? */ + + border-radius: 0 0 3px 3px; +} + +.inline-toolbar.toolbar.vertical:last-child { + border-left-width: 0; + /*padding-left: 4px; FIXME: why a specific padding here? */ + + border-radius: 0; +} - border-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.75)), - to (shade (@bg_color, 0.9))) 1; - border-image-width: 1px; +/*********** + * Sidebar * + ***********/ +.sidebar, +.sidebar .view, +.sidebar GtkScrolledWindow { + background-color: @sidebar_bg; } -.primary-toolbar GtkScale.trough, -.primary-toolbar GtkScale.trough:backdrop, -.menuitem GtkScale.trough { - background-color: @bg_color; +.sidebar .radio, +.sidebar .radio:focus, +.sidebar .radio:selected { background-image: none; - border-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.75)), - to (shade (@bg_color, 1.15))) 1; - border-image-width: 1px; + background-color: transparent; } -.menuitem .accelerator { - color: alpha (@fg_color, 0.5); +/******* + * OSD * + *******/ +.background.osd { + color: @osd_fg; + background-color: @osd_bg; } -.menuitem .accelerator:hover { - color: alpha (@selected_fg_color, 0.8); +GtkOverlay.osd { + background-color: transparent; } -.menuitem .accelerator:insensitive { - color: alpha (mix (@fg_color, @bg_color, 0.5), 0.5); +.osd.frame { + background-clip: border-box; + background-origin: border-box; } -/************ - * notebook * - ************/ -.notebook { - /* To get rid of the horrible adwaita tabs we need the notebook to use no engine */ - engine: none; - background-color: shade (@bg_color, 1.1); - background-image: none; - border-radius: 2px; - padding: 0; - box-shadow: none; - border-color: shade (@bg_color, 0.82); +.osd.button, +.osd.button:active, +.osd .button, +.osd .button:active { border-width: 1px; border-style: solid; + border-image: none; + border-radius: 5px; +} - -GtkNotebook-tab-overlap: -1; - -GtkNotebook-initial-gap: 0; +.osd .button { + border-color: @osd_button_border; +} + +.osd .button:active { + border-color: @osd_button_border_active; } -.notebook GtkViewport { - background-color: @base_color; -} +.osd.button, +.osd .button { + padding: 4px; + + background-image: linear-gradient(to bottom, + @osd_button_bg_a, + @osd_button_bg_b 68%, + @osd_button_bg_c); + + color: @osd_button_fg; -.notebook tab { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.04)), - to (shade (@bg_color, 0.96))); - background-color: @bg_color; - border-style: solid; - border-color: shade (@bg_color, 0.82); - border-bottom-width: 0; - border-width: 1px; - box-shadow: inset 0 1px alpha (shade (@bg_color, 1.26), 0.3); - border-radius: 3px 3px 0 0; + text-shadow: 0 -1px @osd_button_shadow; + icon-shadow: 0 -1px @osd_button_shadow; } -.notebook tab:active { - border-color: shade (@bg_color, 0.82); - border-style: solid; - border-width: 1px; - border-bottom-width: 0; - background-color: shade (@bg_color, 1.02); - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.18)), - to (shade (@bg_color, 1.1))); - color: @fg_color; +.osd.button { + padding: 8px; } -.notebook tab GtkLabel:active { - color: @fg_color; - padding: 1px 1px 2px 1px; +.osd.button, +.osd.button:active { + border-color: transparent; } -.notebook tab GtkLabel { - color: @fg_color; +.osd.button, +.osd.button:prelight, +.osd.button:active { + background-color: shade(@osd_bg, 1.10); } -.notebook tab.top:active { - padding: 7px 7px 1px 7px; +.osd .button, +.osd .button:prelight, +.osd .button:active { + background-color: transparent; } -.notebook tab.top { - padding: 6px 5px 0 5px; +.osd.button:insensitive, +.osd .button:insensitive { + background-image: none; + background-color: @osd_button_bg_insensitive; } -.notebook tab.right:active { - padding: 4px 6px 4px 1px; - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 1.1)), - to (shade (@bg_color, 1.18))); +.osd.button:active:insensitive, +.osd .button:active:insensitive { + background-image: none; + background-color: @osd_button_bg_insensitive_active; } -.notebook tab.right { - padding: 3px 4px 3px 0; - border-left-width: 0; - border-bottom-width: 1px; - border-radius: 3px; - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 0.96)), - to (shade (@bg_color, 1.04))); +.osd.button *:hover, +.osd .button *:hover { + color: @osd_button_fg_hover; } -.notebook tab.bottom:active { - padding: 1px 7px 6px 7px; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 1.1)), - to (shade (@bg_color, 1.18))); +.osd.button *:active, +.osd.button *:hover:active, +.osd .button *:active, +.osd .button *:hover:active { + color: @osd_button_fg_active; } -.notebook tab.bottom { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.96)), - to (shade (@bg_color, 1.04))); - padding: 0 5px 5px 5px; - border-top-width: 0; - border-bottom-width: 1px; - border-radius: 3px; - box-shadow: inset 0 -1px alpha (shade (@bg_color, 1.26), 0.3); +.osd.button *:insensitive, +.osd.button *:insensitive:active, +.osd .button *:insensitive, +.osd .button *:insensitive:active { + color: @osd_button_fg_insensitive; + text-shadow: none; + icon-shadow: none; } -.notebook tab.left:active { - padding: 4px 1px 4px 6px; - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 1.18)), - to (shade (@bg_color, 1.1))); +.osd.button:hover, +.osd .button:hover { + background-image: linear-gradient(to bottom, + @osd_button_bg_hover_a, + @osd_button_bg_hover_b 68%, + @osd_button_bg_hover_c); } -.notebook tab.left { - padding: 3px 0 3px 4px; - border-right-width: 0; - border-bottom-width: 1px; - border-radius: 3px; - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 1.04)), - to (shade (@bg_color, 0.96))); +.osd.button:active, +.osd.button:active:hover, +.osd .button:active, +.osd .button:active:hover, +.osd GtkMenuButton.button:active { + background-image: linear-gradient(to bottom, + @osd_button_bg_active_a, + @osd_button_bg_active_b 20%, + @osd_button_bg_active_c); } -.notebook tab .button { - padding: 0; +.osd GtkMenuButton.button:active { + background-color: transparent; + border-color: @osd_button_border; } -.notebook GtkDrawingArea { - background-color: shade (@bg_color, 1.02); +.osd GtkMenuButton.button *:active { + color: @osd_button_fg_active; + text-shadow: 0 -1px @osd_button_shadow; } -.notebook .button { - padding: 3px; -} +.osd.toolbar { + color: @osd_fg; + text-shadow: 0 1px @osd_text_shadow; -/****************** - * pane separator * - ******************/ -.sidebar .pane-separator, -.pane-separator { + padding: 10px; + border-style: none; + border-radius: 7px; + background-image: linear-gradient(to bottom, + @osd_toolbar_bg_a, + @osd_toolbar_bg_b 63%, + @osd_toolbar_bg_c); background-color: transparent; - border-color: shade (@bg_color, 0.84); - text-shadow: none; + + -GtkToolbar-button-relief: normal; } -/************************* - * progressbar and scale * - *************************/ -GtkScale, -GtkProgressBar { +.osd.toolbar .button { + padding: 4px; + border-width: 1px 0; border-radius: 0; - border-width: 1px; - padding: 0; + box-shadow: inset -1px 0 @osd_button_inset; } -.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 (@selected_bg_color, 0.96)), - to (shade (@selected_bg_color, 1.1))); - border-width: 1px; - border-style: solid; - border-color: shade (@selected_bg_color, 0.8); - box-shadow: inset 0 1px alpha (shade (@bg_color, 1.26), 0.3); +.osd.toolbar .button:first-child { + border-radius: 5px 0 0 5px; + border-width: 1px 0 1px 1px; + box-shadow: inset -1px 0 @osd_button_inset; +} + +.osd.toolbar .button:last-child { + box-shadow: none; + border-radius: 0 5px 5px 0; + border-width: 1px 1px 1px 0; } -.scale.highlight.bottom, -.progressbar.vertical { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@selected_bg_color, 0.96)), - to (shade (@selected_bg_color, 1.1))); +.osd.toolbar .button:only-child, +.osd.toolbar GtkToolButton .button, +.osd.toolbar GtkToolButton:only-child .button, +.osd.toolbar GtkToolButton:last-child .button, +.osd.toolbar GtkToolButton:first-child .button { border-width: 1px; + border-radius: 5px; border-style: solid; - border-color: shade (@selected_bg_color, 0.8); - box-shadow: inset 1px 1px alpha (shade (@bg_color, 1.26), 0.3); + + box-shadow: none; } -.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))); +.osd.toolbar .separator { + color: shade(@osd_lowlight, 0.80); } -.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))); +/* used by gnome-settings-daemon's media-keys OSD */ +.osd.trough { + background-color: @osd_trough_bg; } -.trough, -.trough row, -.trough row:hover, -.trough row:selected, -.trough row:selected:focused { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.9)), - to (shade (@bg_color, 0.98))); - border-width: 1px; - border-style: solid; - border-radius: 0; - border-color: shade (@bg_color, 0.8); +.osd.progressbar { + background-color: @osd_fg; } -.trough.vertical { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 0.9)), - to (shade (@bg_color, 0.98))); +.osd .scale.trough { + border-color: @osd_button_border; + background-image: linear-gradient(to bottom, + shade(@osd_button_border, 0.70), + shade(@osd_button_border, 0.90)); + background-color: transparent; +} - border-width: 1px; - border-style: solid; - border-radius: 0; - border-color: shade (@bg_color, 0.8); +.osd .scale.trough.highlight { + border-color: mix(@osd_button_border, @theme_selected_bg_color, 0.70); + background-image: linear-gradient(to bottom, + mix(shade(@osd_button_border, 0.55), @theme_selected_bg_color, 0.70), + mix(shade(@osd_button_border, 0.90), @theme_selected_bg_color, 0.70)); } -.scale.trough.horizontal { - margin: 6px 0 5px 0; - border-radius: 8px; +.osd .scale.trough:insensitive, +.osd .scale.trough.highlight:insensitive { + border-color: shade(@osd_button_border, 0.60); background-image: none; - background-color: shade (@bg_color, 0.9); - border-width: 1px; + background-color: transparent; } -.scale.trough.vertical { - margin: 0 6px 0 5px; - border-radius: 8px; - background-image: none; - background-color: shade (@bg_color, 0.9); - border-width: 1px; +.osd GtkProgressBar, +GtkProgressBar.osd { + padding: 0; + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 3px; + -GtkProgressBar-min-horizontal-bar-height: 3px; } -.scale.trough.vertical.highlight.bottom, -.scale.trough.horizontal.highlight.left { - background-color: alpha (@selected_bg_color, 0.6); +.osd GtkProgressBar.trough, +GtkProgressBar.osd.trough { + padding: 0; + border-image: none; + border-style: none; + border-width: 0; + background-image: none; + background-color: transparent; + border-radius: 0; } -GtkScale { - -GtkRange-slider-width: 14; - -GtkRange-trough-border: 1; - -GtkScale-slider-length: 14; +.osd GtkProgressBar.progressbar, +GtkProgressBar.osd.progressbar { + border-style: none; + background-color: @theme_selected_bg_color; + background-image: none; + border-radius: 0; +} - border-style: solid; - border-width: 1px; - border-radius: 8px; +.osd .view, +.osd.view { + background-color: @osd_view_bg; } -GtkScale.vertical { - -GtkScale-slider-length: 14; +.osd .scrollbar.trough { + background-color: @osd_scrollbar_trough; } -GtkScale.mark { - border-color: shade (@bg_color, 0.8); +.osd .scrollbar.slider { + background-color: @osd_scrollbar_slider; } -/************* - * scrollbar * - *************/ -.scrollbar { - background-image: none; - border-style: solid; - -GtkRange-trough-border: 0; - -GtkRange-arrow-scaling: 0.444; - -GtkRange-slider-width: 13; - -GtkRange-stepper-size: 16; - -GtkScrollbar-min-slider-length: 30; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; +.osd .scrollbar.slider:hover { + background-color: @osd_scrollbar_slider_prelight; } -.scrollbars-junction { /* the small square between scrollbars!!! */ - background-image: none; - background-color: @bg_color; - border-width: 0; - border-radius: 0; - border-image: none; +.osd .scrollbar.slider:active { + background-color: @osd_scrollbar_slider_active; } -.scrollbar.trough, -.scrollbar.trough.vertical { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 0.98)), - to (shade (@bg_color, 1.06))); - border-radius: 0; - border-width: 0 0 0 1px; +.osd GtkIconView.cell:selected, +.osd GtkIconView.cell:selected:focus { + background-color: transparent; + border-style: solid; - border-color: shade (@bg_color, 0.94); + border-radius: 15px; + border-width: 3px; + border-color: @osd_button_fg; + + outline-color: transparent; } -.scrollbar.trough.horizontal { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.98)), - to (shade (@bg_color, 1.06))); - border-radius: 0; - border-width: 1px 0 0 0; +/* used by Documents */ +.osd .page-thumbnail { border-style: solid; - border-color: shade (@bg_color, 0.94); + border-width: 1px; + border-color: @osd_lowlight; + + /* when there's no pixbuf yet */ + background-color: @osd_bg; } -/* Sliders and buttons */ -.scrollbar.slider.vertical { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 0.95)), - to (shade (@bg_color, 0.8))); - border-color: shade (@bg_color, 0.65); - border-radius: 10px; +/**************************** + * Suggested action buttons * + ****************************/ +.toolbar .suggested-action.button, +.suggested-action.button { + background-image: linear-gradient(to bottom, + @suggested_action_button_a, + @suggested_action_button_b); + border-image: none; + border-color: @suggested_action_button_border; border-width: 1px; -} -.scrollbar.slider.vertical:hover, -.scrollbar.slider.vertical:hover:active { - background-image: -gtk-gradient (linear, left top, right top, - from (shade (@bg_color, 0.85)), - to (shade (@bg_color, 0.7))); - border-color: shade (@bg_color, 0.6); + color: @suggested_action_button_fg; } -.scrollbar.slider.horizontal { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.95)), - to (shade (@bg_color, 0.8))); - border-color: shade (@bg_color, 0.65); - border-radius: 10px; - border-width: 1px; +.toolbar .suggested-action.button:hover, +.suggested-action.button:hover { + background-image: linear-gradient(to bottom, + shade(@suggested_action_button_a, 1.10), + shade(@suggested_action_button_b, 1.05)); } -.scrollbar.slider.horizontal:hover, -.scrollbar.slider.horizontal:hover:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.85)), - to (shade (@bg_color, 0.7))); - border-color: shade (@bg_color, 0.6); +.toolbar .suggested-action.button:active, +.toolbar .suggested-action.button:hover:active, +.suggested-action.button:active, +.suggested-action.button:hover:active { + background-image: linear-gradient(to bottom, + @suggested_action_button_b, + @suggested_action_button_a); + + color: @suggested_action_button_fg; } -.scrollbar.slider:insensitive { - background-color: shade (@bg_color, 0.9); +.toolbar .suggested-action.button *, +.suggested-action.button * { + text-shadow: 0 1px @suggested_action_button_shadow; + icon-shadow: 0 1px @suggested_action_button_shadow; } -.scrollbar.trough:insensitive { - background-color: shade (@bg_color, 1.06); +.toolbar .suggested-action.button *:active, +.toolbar .suggested-action.button *:hover:active, +.suggested-action.button *:active, +.suggested-action.button *:hover:active { + text-shadow: 0 1px shade(@suggested_action_button_shadow, 1.15); + icon-shadow: 0 1px shade(@suggested_action_button_shadow, 1.15); } -/* Fixes a bug in Opera */ -.scrollbar.button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (transparent), - to (transparent)); +/************************** + * Selection Mode classes * + **************************/ +/* FIXME: Currently not styled for Zuki-themes becuase I have no idea what it does. */ +.selection-mode.header-bar, +.selection-mode.toolbar { + color: @selection_toolbar_fg; + background-image: linear-gradient(to bottom, + @selection_toolbar_bg_a, + @selection_toolbar_bg_b); background-color: transparent; -} -/* overlay scrollbar */ -OsThumb { - color: shade (@fg_color, 1.6); -} + border-color: @borders; + border-style: solid; + border-image: none; -OsThumb:selected, -OsScrollbar:selected { - background-color: @selected_bg_color; + text-shadow: 0 1px @selection_toolbar_shadow; } -OsThumb:active, -OsScrollbar:active { - background-color: shade (@bg_color, 0.6); -} +.selection-mode.header-bar { + border-top-color: @selection_toolbar_bg_a; + border-bottom-color: @selection_toolbar_border; -OsThumb:insensitive, -OsScrollbar:insensitive { - background-color: shade (@bg_color, 0.85); + box-shadow: inset 0 -1px shade(@selection_toolbar_border, 1.20); } -/******************* - * scrolled window * - *******************/ -.ubuntu-online-accounts.frame, -GtkScrolledWindow.frame { - border-top-color: shade (@bg_color, 0.84); - 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: 0; - border-style: solid; +.selection-mode.toolbar { + padding: 6px; } -.ubuntu-online-accounts.frame { - border-top-width: 0; -} +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + background-image: linear-gradient(to bottom, + @selection_toolbar_button_a, + @selection_toolbar_button_b); -/************* - * separator * - *************/ -.separator { - border-left-color: shade (@bg_color, 0.96); - border-right-color: alpha (@base_color, 0.4); - border-top-color: shade (@bg_color, 0.96); - border-bottom-color: alpha (@base_color, 0.4); - border-style: solid; border-image: none; + border-color: @selection_toolbar_button_border; border-width: 1px; + + box-shadow: inset 0 1px alpha(white, 0.1); + + color: @selection_toolbar_button_fg; } -.button .separator, -.button.separator { - border-color: shade (@button_bg_color, 0.84); +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + background-image: linear-gradient(to bottom, + shade(@selection_toolbar_button_a, 1.05), + shade(@selection_toolbar_button_b, 1.02)); } -.notebook .button .separator, -.notebook .button.separator { - border-color: shade (@bg_color, 0.9); +.selection-mode.header-bar .button:active, +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + background-image: linear-gradient(to bottom, + shade(@selection_toolbar_button_b, 0.95), + shade(@selection_toolbar_button_a, 0.88)); + box-shadow: none; } -.button .separator:insensitive, -.button.separator:insensitive { - border-color: shade (@button_insensitive_bg_color, 0.9); +.selection-mode.header-bar .button *:active, +.selection-mode.toolbar .button *:active, +.selection-mode.toolbar GtkToolButton .button *:active { + color: @selection_toolbar_button_fg; } -.notebook .button .separator, -.notebook .button.separator { - border-color: shade (@bg_color, 0.84); +.selection-mode.header-bar .button *, +.selection-mode.header-bar .button *:active, +.selection-mode.toolbar .button *, +.selection-mode.toolbar .button *:active, +.selection-mode.toolbar GtkToolButton .button *, +.selection-mode.toolbar GtkToolButton .button *:active { + text-shadow: 0 1px @selection_toolbar_button_shadow; + icon-shadow: 0 1px @selection_toolbar_button_shadow; } -.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 1; +/* suggested button */ +.selection-mode.header-bar .suggested-action.button, +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + background-image: linear-gradient(to bottom, + @selection_toolbar_suggested_button_a, + @selection_toolbar_suggested_button_b 40%, + @selection_toolbar_suggested_button_c); - border-color: shade (@bg_color, 0.96); -} + border-image: none; + border-color: @selection_toolbar_suggested_button_border; + border-width: 1px; -Genericmenuitem .menuitem.separator, -DbusmenuGtkMenu .menuitem.separator, -.menubar .menuitem.separator, -.primary-toolbar .menuitem.separator { - border-color: shade (@base_color, 0.94); + box-shadow: inset 0 2px alpha(@selection_toolbar_suggested_button_b, 0.2), + inset 0 1px @selection_toolbar_suggested_button_a; + color: @theme_text_color; } -/*********** - * sidebar * - ***********/ -.sidebar, -.sidebar .view { +.selection-mode.header-bar .suggested-action.button:hover, +.selection-mode.toolbar .suggested-action.button:hover, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover { + background-image: linear-gradient(to bottom, + shade(@selection_toolbar_suggested_button_a, 1.15), + shade(@selection_toolbar_suggested_button_b, 1.15) 40%, + @selection_toolbar_suggested_button_c); } -.sidebar row:selected { - text-shadow: 0 1px shade (@selected_bg_color, 0.7); +.selection-mode.header-bar .suggested-action.button:active, +.selection-mode.header-bar .suggested-action.button:hover:active, +.selection-mode.toolbar .suggested-action.button:active, +.selection-mode.toolbar .suggested-action.button:hover:active, +.selection-mode.toolbar GtkToolButton.suggested-action .button:active, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active { + background-image: linear-gradient(to bottom, + shade(@selection_toolbar_suggested_button_c, 0.92), + @selection_toolbar_suggested_button_b 40%, + shade(@selection_toolbar_suggested_button_a, 0.92)); + box-shadow: none; } -.sidebar row:hover { - background-color: alpha (@bg_color, 0.0); +.selection-mode.header-bar .suggested-action.button *:active, +.selection-mode.toolbar .suggested-action.button *:active, +.selection-mode.toolbar GtkToolButton.suggested-action *:active { + color: @theme_text_color; } -.sidebar .frame { - border-width: 0; +.selection-mode.header-bar .suggested-action.button *, +.selection-mode.header-bar .suggested-action.button *:active, +.selection-mode.toolbar .suggested-action.button *, +.selection-mode.toolbar .suggested-action.button *:active, +.selection-mode.toolbar GtkToolButton.suggested-action .button *, +.selection-mode.toolbar GtkToolButton.suggested-action *:active { + text-shadow: 0 1px @button_text_shadow; + icon-shadow: 0 1px @button_text_shadow; } -/************** - * 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; - background-color: transparent; +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + background-image: none; border-image: none; border-color: transparent; - border-left-color: alpha (@dark_bg_color, 0.3); + border: 0px; + box-shadow: none; + + color: @selection_menu_fg; } -.spinbutton.button:insensitive:nth-child(last), -.notebook .spinbutton.button:insensitive:nth-child(last), -.spinbutton.button:nth-child(last), -.notebook .spinbutton.button:nth-child(last) { - border-radius: 0 2px 2px 0; - border-width: 1px; - background-color: transparent; - border-image: none; - border-color: transparent; - border-left-color: alpha (@dark_bg_color, 0.3); +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: @selection_menu_fg; } -.spinbutton.button, -.notebook .spinbutton.button { - background-image: none; +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { background-color: transparent; - border-image: none; + color: @selection_menu_hover; +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { border-color: transparent; - border-left-color: alpha (@dark_bg_color, 0.3); + border-radius: 3px; + border-width: 1px; + + background-color: transparent; } -.spinbutton.button:hover, -.notebook .spinbutton.button:hover { - background-color: alpha (shade (@base_color, 1.1), 0.5); +.selection-mode.header-bar .selection-menu.button *:active, +.selection-mode.toolbar .selection-menu.button *:active { + color: @selection_menu_active; } -.spinbutton.button:active, -.notebook .spinbutton.button:active, -.spinbutton.button:active:hover, -.notebook .spinbutton.button:active:hover { - background-color: alpha (shade (@selected_bg_color, 1.0), 0.3); +.selection-mode.header-bar .selection-menu.button *, +.selection-mode.toolbar .selection-menu.button * { + text-shadow: 0 1px @selection_toolbar_shadow; } -.spinbutton.button:insensitive, -.notebook .spinbutton.button:insensitive { - border-left-color: alpha (@dark_bg_color, 0.3); - color: shade (@bg_color, 0.66); +.selection-mode.header-bar .selection-menu.button .menuitem *, +.selection-mode.toolbar .selection-menu.button .menuitem * { + text-shadow: none; } -.spinbutton, -.spinbutton:hover { - color: @fg_color; +/**************** + * GtkAssistant * + ****************/ +GtkAssistant .sidebar .highlight { + background-color: transparent; + color: @theme_fg_color; + font: bold; } -.spinbutton.button:focus, -.spinbutton:focus { - outline-color: transparent; +GtkAssistant .sidebar { + padding: 12px; + + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: @inactive_frame_color; + + color: mix (@theme_fg_color, @theme_bg_color, 0.40); + + background-color: shade (@theme_bg_color, 0.97); + /* shall we make it like sidebars in general? */ + } /************* - * statusbar * + * GtkSwitch * *************/ -GtkStatusbar { -} -/********** - * switch * - **********/ GtkSwitch { border-radius: 8px; - padding: 0; + padding: 2px; background-color: transparent; } -GtkSwitch.trough { +GtkSwitch.trough, +GtkSwitch.trough:insensitive { border: none; border-image: none; - background: none; color: transparent; box-shadow: none; background-color: transparent; - background-size: 48px 24px; + background-size: 48px 26px; background-position: center center; background-repeat: no-repeat; text-shadow: none; } -/************ - * textview * - ************/ -GtkTextView { - background-color: @base_color; +GtkSwitch.slider { + background-color: transparent; + border: none; + border-image: none; } -/******************** - * Menubar Toolbars * - ********************/ -.toolbar.menubar { - -GtkToolbar-button-relief: normal; - - padding: 4px 4px 2px 4px; /* weird padding to compensate border-images - and eventual top border presence, - see selection mode toolbars */ +/*********************** + * Tree and Icon views * + ***********************/ +GtkTreeView { + -GtkTreeView-vertical-separator: 0; -} + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 1; -/*********** - * toolbar * - ***********/ -.toolbar { - border-style: none; + outline-color: alpha(@theme_text_color, 0.6); } -/* primary-toolbar */ -.primary-toolbar, -.primary-toolbar .toolbar, -.primary-toolbar.toolbar { - -GtkWidget-window-dragging: true; - - background-image: -gtk-gradient (linear, left top, left bottom, - from (@toolbar_gradient_base), - to (@toolbar_gradient_final)); - border-color: shade (@toolbar_border, 1.0); +GtkTreeView.dnd { + border-color: @internal_element_color; + border-radius: 2px; + border-width: 1px; border-style: solid; - border-width: 0 0 1px 0; - padding: 2px; - - color: @fg_color; - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); } -.primary-toolbar :insensitive { - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); +GtkTreeView:selected:focus { + outline-color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.30); } -.primary-toolbar GtkComboBox, -.primary-toolbar .button *, -.primary-toolbar .button { - background-color: transparent; - background-image: none; - border-radius: 6px; - border-width: 1px; - border-color: transparent; - /* border-image: none; */ - color: @fg_color; - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); -} +GtkIconView.cell:selected, +GtkIconView.cell:selected:focus { + border-radius: 4px; -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.primary-toolbar .button:hover, -.primary-toolbar .button:active, -.primary-toolbar .button:insensitive { - border-width: 1px; - color: @fg_color; + /* FIXME: this probably needs to be better; + * see https://bugzilla.gnome.org/show_bug.cgi?id=644157 + */ + outline-color: @treeview_focus_border; + outline-style: solid; + outline-offset: 3px; } -.primary-toolbar .raised .button:hover, -.primary-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))); +.view { + background-color: @theme_base_color; + color: @theme_text_color; } -.primary-toolbar .raised .button:focus, -.primary-toolbar .raised.button:focus, -.primary-toolbar .button:hover:focus, -.primary-toolbar .button:active:focus, -.primary-toolbar .button:insensitive:focus { - color: @fg_color; +.view:insensitive { + background-color: @insensitive_bg_color; + color: @insensitive_fg_color; } -.primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.primary-toolbar .button:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - border-style: solid; - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); - color: @fg_color; +.view:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; } -.primary-toolbar .button:active { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.8)), - to (shade (@bg_color, 0.9))); - color: @fg_color; +.view:selected:backdrop { + background-color: shade(@theme_unfocused_bg_color, 0.94); + color: @theme_fg_color; } -.primary-toolbar .button:active:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@bg_color, 0.85)), - to (shade (@bg_color, 0.95))); - color: @fg_color; +.cell { + color: @theme_text_color; + padding: 2px; } -.primary-toolbar .button:active:insensitive, -.primary-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 1px alpha (shade (@button_bg_color, 1.25), 0.4); +.cell:selected, +.cell:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; } -.primary-toolbar .button:insensitive { - background-image: -gtk-gradient (linear, left top, left bottom, - from (alpha (@button_insensitive_bg_color, 0.0)), - to (alpha (@button_insensitive_bg_color, 0.0))); - - text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); - - border-width: 1px; +.cell:selected:backdrop, +.cell:selected:focus:backdrop { + background-color: shade(@theme_unfocused_bg_color, 0.94); + color: @theme_fg_color; } -.primary-toolbar .button *:insensitive { - color: mix (@fg_color, @bg_color, 0.5); +row:selected, +row:selected:focus { + border-width: 1px 0 0 0; + border-style: solid; + border-color: shade (@theme_selected_bg_color, 0.85); + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 0.85)); + box-shadow: none; } -.primary-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))); - border-width: 1px; +row:selected:backdrop, +row:selected:focus:backdrop { + border-width: 1px 0 1px 0; + border-style: solid; + border-color: shade (@theme_bg_color, 0.85); + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.85)); + color: @theme_fg_color; + text-shadow: none; + box-shadow: none; } -.primary-toolbar .entry, -.primary-toolbar .entry:active, -.primary-toolbar .entry:focused { - border-radius: 2px; - color: @text_color; +GtkTreeView row:nth-child(even), +GtkTreeView row:nth-child(odd) { + background-color: shade (@theme_base_color, 1.0); + box-shadow: inset 0 -1px 0 0 alpha (@theme_bg_color, 0.4); } -.primary-toolbar GtkSeparatorToolItem, -.primary-toolbar .separator, -.primary-toolbar .separator:insensitive { - border-color: alpha (shade (@bg_color, 0.94), 0.0); - border-style: solid; +GtkTreeView row:nth-child(odd):hover, +GtkTreeView row:nth-child(even):hover { + background-color: shade (@theme_selected_bg_color, 1.55); } -/* inline-toolbar */ -.inline-toolbar.toolbar { - -GtkToolbar-button-relief: normal; +GtkTreeView row:nth-child(odd):backdrop:hover, +GtkTreeView row:nth-child(even):backdrop:hover { + background-color: shade (@theme_base_color, 0.96); +} - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@base_color, 0.93)), - to (shade (@base_color, 0.93))); - border-radius: 0; - border-style: solid; - border-width: 1px; - padding: 3px 4px 4px 4px; +column-header.button, +column-header .button { + color: @theme_text_color; } -.inline-toolbar.toolbar:nth-child(last) { - border-bottom-color: shade (@bg_color, 0.76); - border-color: shade (@bg_color, 0.8); +column-header.button, +column-header .button, +column-header.button:insensitive, +column-header .button:insensitive, +column-header.button:hover, +column-header .button:hover { + padding: 0 4px; + text-shadow: none; + icon-shadow: none; border-radius: 0; - border-width: 0 1px 1px 1px; } -.inline-toolbar.toolbar .button { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@button_bg_color, 1.1)), - to (shade (@button_bg_color, 0.95))); - icon-shadow: 0 1px shade (@bg_color, 1.16); +column-header.button:insensitive, +column-header .button:insensitive { + background-color: @insensitive_bg_color; } -.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))); +column-header.button:hover, +column-header .button:hover, +column-header.button:active:hover, +column-header .button:active:hover, +column-header.button *:active, +column-header .button *:active, +column-header.button *:active:hover, +column-header .button *:active:hover { + color: @internal_element_prelight; + text-shadow: none; + icon-shadow: none; + border-radius: 0; } -/*********** - * tooltip * - ***********/ -.tooltip { - background-color: @tooltip_bg_color; - border-color: shade (@tooltip_bg_color, 0.7); - border-radius: 0px; - border-style: solid; - border-width: 1px; +column-header .button.dnd { + background-color: transparent; + background-image: linear-gradient(to bottom, + shade(@theme_base_color, 0.97), + @theme_base_color); + border-width: 0 1px; + border-image-slice: 0 1; +} - color: @tooltip_fg_color; +.expander { + color: @theme_fg_color; + border-color: @theme_fg_color; } -.tooltip * { - background-color: transparent; +.expander:active { + color: @theme_fg_color; + border-color: @theme_fg_color; } -/************ - * treeview * - ************/ -GtkTreeView { - -GtkTreeView-vertical-separator: 0; - -GtkTreeView-expander-size: 10; +.expander:hover { + color: @internal_element_color; + border-color: @internal_element_color; } -GtkTreeView.dnd { - border-color: shade (@selected_bg_color, 1.12); - border-radius: 0; +.expander row:selected, +.expander row:selected:focus { + color: @expander_row_selected_color; + border-color: @expander_row_selected_color; border-width: 0; - border-style: solid; + background-color: transparent; + background-image: none; + border-image: none; + box-shadow: none; } -GtkTreeView .entry { - background-image: none; - border-radius: 0; +.expander row:selected:hover, +.expander row:selected:focus:hover { + color: @theme_selected_fg_color; + border-color: @theme_selected_fg_color; } -GtkTreeView row:nth-child(even), -GtkTreeView row:nth-child(even):hover { - background-color: shade (@base_color, 0.97); +/************** + * List boxes * + **************/ +EggListBox { + background-color: @list_box_bg; } -GtkTreeView row:nth-child(odd), -GtkTreeView row:nth-child(odd):hover { - background-color: shade (@base_color, 1.0); +EggListBox:hover { + background-color: @content_view_bg; } -/************ - * viewport * - ************/ -GtkViewport.frame { - border-width: 0; +EggListBox:selected { + background-color: @theme_selected_bg_color; } -GtkViewport, -GtkIconView { - background-color: @base_color; +/**************** + * Content view * + ****************/ +.content-view.view { + background-color: @content_view_bg; } -/*********** - * spinner * - ***********/ -@keyframes spinner { - 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } +.content-view.view:insensitive { + background-color: @theme_unfocused_base_color; + background-image: none; +} - 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } +.content-view.view:selected { + background-color: @theme_selected_bg_color; + background-image: none; +} - 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } +/* FIXME: EggListBox should set the .cell style class on + * the background it renders for the children, like + * GtkIconView and GtkTreeView do */ +.content-view.cell { + background-color: transparent; + background-image: none; +} - 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } +EggListBox.content-view:hover, +.content-view.cell:hover { + background-color: @theme_bg_color; +} - 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } +EggListBox.content-view:selected, +EggListBox.content-view:active, +.content-view.cell:selected, +.content-view.cell:active { + background-color: @theme_selected_bg_color; + background-image: none; +} - 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} - 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } +GtkIconView.content-view.cell.check { + background-image: url("assets/grid-selection-unchecked.svg"); + background-color: transparent; +} - 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } +GtkIconView.content-view.cell.check:active { + background-image: url("assets/grid-selection-checked.svg"); + background-color: transparent; +} - 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } +.content-view.view.check, +.content-view.view.check:active { + background-color: transparent; } -.spinner { +GtkIconView.content-view.check:hover, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { background-color: transparent; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); - background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%; - background-size: 20% 20%; - background-repeat: no-repeat; } -.spinner:active { - animation: spinner 1s infinite linear; +/* used by Documents and Evince */ +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + border-style: solid; + border-color: @app_notification_border; + border-width: 0 1px 1px 1px; + border-radius: 0 0 5px 5px; + padding: 8px; + + background-image: linear-gradient(to bottom, + @app_notification_a, + @app_notification_b 18%, + @app_notification_c); + + color: @theme_text_color; + text-shadow: 0 1px @primary_toolbar_button_text_shadow; } -/***************** - * Miscellaneous * - *****************/ -.floating-bar { - background-color: @base_color; +/* Calendars */ +GtkCalendar { + padding: 2px; } -.floating-bar.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; +GtkCalendar.view { + border-radius: 3px; + border-style: solid; + border-width: 1px; + padding: 2px; } -.floating-bar.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; +GtkCalendar.header { + border-radius: 0; + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.04), + shade(@theme_bg_color, 0.89)); + border-width: 0; } -.floating-bar.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +GtkCalendar.button, +GtkCalendar.button:insensitive { + background-image: none; + background-color: transparent; } -.floating-bar.left { - border-left-width: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.highlight, +GtkCalendar.highlight { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + border-radius: 0; + padding: 0; + border-width: 0; } -.floating-bar.bottom.right { - box-shadow: inset 1px 1px @base_color; +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-width: 0; + border-style: none; } -.floating-bar.bottom.left { - box-shadow: inset -1px 1px @base_color; +.info { + text-shadow: 0 1px @info_text_shadow; } -.floating-bar .button { - background-color: transparent; - background-image: none; - border-style: none; - border-image: none; - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; +.warning { + text-shadow: 0 1px @warning_text_shadow; } -/******* - * OSD * - *******/ -GtkWindow.osd { - color: @osd_fg; - background-color: @osd_bg; +.question { + text-shadow: 0 1px @question_text_shadow; } -GtkOverlay.osd { - background-color: transparent; +.error { + text-shadow: 0 1px @error_text_shadow; } -.osd .button, -.osd .button:active { - border-width: 1px; - border-style: solid; +.info .entry, +.info .entry:focus, +.info .button, +.info .button:insensitive, +.info .button:active, +.warning .entry, +.warning .entry:focus, +.warning .button, +.warning .button:insensitive, +.warning .button:active, +.error .entry, +.error .entry:focus, +.error .button, +.error .button:insensitive, +.error .button:active { border-image: none; - border-color: @osd_button_border; - border-radius: 5px; + + border-color: shade(@borders, 0.9); + border-style: solid; + border-width: 1px; } -.osd .button { - padding: 4px; +.question .entry, +.question .entry:focus, +.question .button, +.question .button:insensitive, +.question .button:active { + border-image: none; - background-image: linear-gradient(to bottom, - @osd_button_bg_a, - @osd_button_bg_b 68%, - @osd_button_bg_c - ); + border-color: darker(@question_bg_color); + border-style: solid; + border-width: 1px; +} - color: @osd_button_fg; +.info { + background-color: @info_bg_color; + color: @info_fg_color; - text-shadow: 0 -1px @osd_button_shadow; - icon-shadow: 0 -1px @osd_button_shadow; + border-color: darker(@info_bg_color); } -.osd .button, -.osd .button:prelight, -.osd .button:active { - background-color: transparent; -} +.warning { + background-color: @warning_bg_color; + color: @warning_fg_color; -.osd .button:insensitive { - background-image: none; - background-color: @osd_button_bg_insensitive; + border-color: darker(@warning_bg_color); } -.osd .button:active:insensitive { - background-image: none; - background-color: @osd_button_bg_insensitive_active; +.question { + background-color: @question_bg_color; + color: @question_fg_color; + + border-color: darker(@question_bg_color); } -.osd .button *:hover { - color: @osd_button_fg_hover; +.error { + background-color: @error_bg_color; + color: @error_fg_color; + + border-color: darker(@error_bg_color); } -.osd .button *:active, -.osd .button *:hover:active { - color: @osd_button_fg_active; +/************** + * Dim labels * + **************/ +.view.dim-label, +.dim-label, +.dim-label:hover, +.dim-label:focus { + color: mix (@theme_fg_color, @theme_bg_color, 0.50); + text-shadow: none; } -.osd .button *:insensitive, -.osd .button *:insensitive:active { - color: @osd_button_fg_insensitive; +.dim-label:selected, +.dim-label:selected:focus { + color: mix (@theme_selected_fg_color, @theme_base_color, 0.50); + text-shadow: none; } -.osd .button:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_hover_a, - @osd_button_bg_hover_b 68%, - @osd_button_bg_hover_c - ); +/************************* + * Touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 5px; + background-clip: border-box; } -.osd .button:active, -.osd .button:active:hover, -.osd GtkMenuButton.button:active { - background-image: linear-gradient(to bottom, - @osd_button_bg_active_a, - @osd_button_bg_active_b 68%, - @osd_button_bg_active_c - ); +GtkBubbleWindow.osd.background { + background-color: @osd_popover_bg; } -.osd GtkMenuButton.button:active { +GtkBubbleWindow .toolbar { background-color: transparent; - border-color: @osd_button_border; } -.osd GtkMenuButton.button *:active { - color: @osd_button_fg_active; - text-shadow: 0 -1px @osd_button_shadow; +/********************** + * Fallback Mode Panel + **********************/ + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + background-color: @os_chrome_bg_color; + background-image: none; + color: @os_chrome_fg_color; } -.osd.toolbar { - color: @osd_fg; - text-shadow: 0 1px @osd_text_shadow; +ClockBox, +.gnome-panel-menu-bar.menubar, +PanelApplet > GtkMenuBar.menubar { + font: bold; +} - padding: 10px; - border-style: none; - border-radius: 7px; - background-image: linear-gradient(to bottom, - @osd_toolbar_bg_a, - @osd_toolbar_bg_b 63%, - @osd_toolbar_bg_c - ); - background-color: transparent; +.gnome-panel-menu-bar.menubar .menuitem *:hover, +PanelApplet > GtkMenuBar.menubar .menuitem *:hover { + text-shadow: 0 1px @os_chrome_bg_color; +} - -GtkToolbar-button-relief: normal; +.gnome-panel-menu-bar.menubar .menu, +PanelApplet > GtkMenuBar.menubar .menu { + font: regular; } -.osd.toolbar .button { - padding: 4px; - border-width: 1px 0; - border-radius: 0; - box-shadow: inset -1px 0 @osd_button_inset; +.gnome-panel-menu-bar.menubar .menu *:hover, +PanelApplet > GtkMenuBar.menubar .menu *:hover { + text-shadow: none; } -.osd.toolbar .button:first-child { - border-radius: 5px 0 0 5px; - border-width: 1px 0 1px 1px; - box-shadow: inset -1px 0 @osd_button_inset; +.gnome-panel-menu-bar .menuitem:hover, +PanelApplet > GtkMenuBar.menubar .menuitem:hover, +.gnome-panel-menu-bar .menuitem *:hover, +PanelApplet > GtkMenuBar.menubar .menuitem *:hover { + background-color: @os_chrome_selected_bg_color; + color: @os_chrome_selected_fg_color; } -.osd.toolbar .button:last-child { - box-shadow: none; - border-radius: 0 5px 5px 0; - border-width: 1px 1px 1px 0; +.gnome-panel-menu-bar .menuitem *:hover, +PanelApplet > GtkMenuBar.menubar .menuitem *:hover { + color: @os_chrome_selected_fg_color; } -.osd.toolbar .button:only-child, -.osd.toolbar GtkToolButton .button, -.osd.toolbar GtkToolButton:only-child .button, -.osd.toolbar GtkToolButton:last-child .button, -.osd.toolbar GtkToolButton:first-child .button { - border-width: 1px; - border-radius: 5px; - border-style: solid; +PanelApplet .button, +PanelApplet .button:hover { + padding: 4px; - box-shadow: none; + border-image: none; + border-width: 0; + border-radius: 0; + + background-image: none; + background-color: @os_chrome_bg_color; + + color: @os_chrome_fg_color; + text-shadow: none; } -.osd.toolbar .separator { - color: shade(@osd_lowlight, 0.80); +PanelApplet .button:active:hover, +PanelApplet .button:active { + border-image: none; + background-image: none; + background-color: @os_chrome_selected_bg_color; + border-width: 0; + border-radius: 0; } -/* used by gnome-settings-daemon's media-keys OSD */ -.osd.trough { - background-color: @osd_trough_bg; +PanelApplet *:hover { + color: @os_chrome_selected_fg_color; } -.osd.progressbar { - background-color: @osd_fg; +PanelApplet *:active, +PanelApplet *:hover:active { + color: @os_chrome_selected_fg_color; + text-shadow: 0 1px @os_chrome_bg_color; } -.osd .scale.trough { - border-color: @osd_button_border; - background-image: linear-gradient(to bottom, - shade(@osd_button_border, 0.70), - shade(@osd_button_border, 0.90) - ); - background-color: transparent; +/* Fixes the indicator applet text */ +PanelApplet > GtkMenuBar > GtkMenuItem > GtkBox > GtkLabel { + color: @os_chrome_fg_color; + text-shadow: none; + border-image: none; } -.osd GtkProgressBar { - padding: 0; - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 3px; - -GtkProgressBar-min-horizontal-bar-height: 3px; +WnckPager { + background-color: lighter(@os_chrome_selected_bg_color); } -.osd GtkProgressBar.trough { - padding: 0; - border-image: none; - border-style: none; - border-width: 0; - background-image: none; - background-color: transparent; - border-radius: 0; +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } -.osd GtkProgressBar.progressbar { - border-style: none; - background-color: @selected_bg_color; +GsmFailWhaleDialog { + background-color: @os_chrome_bg_color; background-image: none; - border-radius: 0; + color: @os_chrome_fg_color; +} + +GsmFailWhaleDialog .button, +GsmFailWhaleDialog .button:active { + border-image: none; + border-color: @borders; + border-width: 1px; } + diff --git a/desktop-themes/Menta/gtk-3.0/other-applications.css b/desktop-themes/Menta/gtk-3.0/other-applications.css new file mode 100644 index 00000000..813b2c89 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/other-applications.css @@ -0,0 +1,206 @@ +/********************* + * NEMO File manager * + *********************/ +@define-color cluebar_color shade (@theme_base_color, 0.9); + +NemoWindow * { + -GtkPaned-handle-size: 1; +} + +NemoWindow .view { + background-color: @theme_base_color; +} + +NemoWindow .rubberband, +NemoWindow .view.rubberband { + background-color: alpha (@theme_selected_bg_color, 0.35); +} + +/* sidebar */ + +NemoWindow .sidebar .view { + background-color: @theme_bg_color; + color: @theme_fg_color; + text-shadow: 0 1px shade (shade (@theme_bg_color, 0.95), 1.04); +} + +NemoWindow .sidebar .frame { + border-right-width: 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.82); +} + +NemoWindow .sidebar row:selected { + color: @theme_selected_fg_color; + text-shadow: 0 -1px shade (@theme_selected_bg_color, 0.8); +} + +NemoWindow .sidebar row:backdrop:selected { + color: @theme_fg_color; + text-shadow: none; +} + +/* desktop mode */ +.nemo-desktop.nemo-canvas-item { + color: @theme_bg_color; + text-shadow: 1px 1px alpha (#000000, 0.8); +} + +.nemo-desktop.nemo-canvas-item:active { + background-image: none; + background-color: alpha (@theme_bg_color, 0.84); + color: @theme_fg_color; +} + +.nemo-desktop.nemo-canvas-item:selected { + background-image: none; + background-color: alpha (@theme_selected_bg_color, 0.84); + color: @theme_selected_fg_color; +} + +.nemo-desktop.nemo-canvas-item:active, +.nemo-desktop.nemo-canvas-item:prelight, +.nemo-desktop.nemo-canvas-item:selected { + text-shadow: none; +} + +/* inactive pane */ + +.nemo-inactive-pane .view { + background-color: shade(@theme_base_color, 0.9); +} + +/* Toolbar */ +NemoWindow .toolbar .button { + border-image: none; +} + +/* Misc */ +NemoView.frame, +NemoNotebook.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +NemoNotebook.notebook tab.top, +NemoNotebook.notebook tab.bottom { + border-right-width: 1px; + border-left-width: 1px; +} + +NemoNotebook .frame { + border-width: 1px 0 0 0; +} + +.nemo-cluebar-label { + font: normal; + text-shadow: 0 1px shade (@cluebar_color, 1.06); +} + +NemoTrashBar.info, +NemoXContentBar.info, +NemoSearchBar.info, +NemoQueryEditor.info { + background-color: @cluebar_color; + border-bottom-color: shade (@cluebar_color, 0.92); + border-radius: 0; + border-style: solid; + border-width: 0px 0px 1px 0px; + color: @theme_fg_color; +} + +NemoTrashBar .button, +NemoXContentBar .button, +NemoSearchBar .button, +NemoQueryEditor .button { + border-radius: 0; +} + +/**************** + * PopOver menu * + ****************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 24; + -GraniteWidgetsPopOver-arrow-height: 12; + -GraniteWidgetsPopOver-border-radius: 6; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 18; + + border-style: solid; + border-color: shade (@theme_bg_color, 0.50); + background-color: @theme_bg_color; + margin: 0; +} + +GraniteWidgetsPopOver * { + background-color: @theme_bg_color; +} + +GraniteWidgetsPopOver .sidebar.view { + background-color: @theme_bg_color; +} + +GraniteWidgetsPopOver .button { + background-image: none; + background-color: alpha (#fff, 0.0); +} + +GraniteWidgetsPopOver .button:active, +GraniteWidgetsPopOver .button:hover:active { + background-image: none; + background-color: alpha (#000, 0.05); +} + +GraniteWidgetsPopOver .entry { + background-image: linear-gradient(to bottom, + shade (@theme_base_color, 0.88), + shade (@theme_base_color, 0.94) 20px, + shade (@theme_base_color, 0.96)); +} + +.button.app { + border-width: 0; + border-radius: 5px; +} + +.app:hover, +.app:focus { + background-color: alpha (#000, 0.15); +} + +/***************** + * Ubuntu styles * + *****************/ +/* overlay scrollbar */ +OsThumb { + color: shade (@theme_fg_color, 1.6); +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @theme_selected_bg_color; +} + +OsThumb:active, +OsScrollbar:active { + background-color: shade (@theme_bg_color, 0.6); +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: shade (@theme_bg_color, 0.85); +} + +/* scrolled window */ +.ubuntu-online-accounts.frame { + border-style: solid; + border-color: @borders; + border-width: 1px; + border-radius: 2px; + padding: 0; +} + +.ubuntu-online-accounts.frame { + border-top-width: 0; +} diff --git a/desktop-themes/Menta/gtk-3.0/settings.ini b/desktop-themes/Menta/gtk-3.0/settings.ini new file mode 100644 index 00000000..2ef35157 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/settings.ini @@ -0,0 +1,4 @@ +[Settings] +gtk-color-scheme = "base_color:#f7f7f7\nbg_color:#dcdcdc\ntooltip_bg_color:#F5F5B5\nselected_bg_color:#accd8a\ntext_color:#2c2c2c\nfg_color:#2c2c2c;\ntooltip_fg_color:#000000\nselected_fg_color:#f5f5f5" +gtk-auto-mnemonics = 1 +gtk-visible-focus = automatic diff --git a/desktop-themes/Menta/gtk-3.0/unity.css b/desktop-themes/Menta/gtk-3.0/unity.css new file mode 100644 index 00000000..b3bd5f68 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/unity.css @@ -0,0 +1,29 @@ +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.15), + shade (@theme_bg_color, 1.0)); + border-top-color: shade (@theme_bg_color, 1.6); + border-style: solid; + border-width: 0; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: @theme_fg_color; + text-shadow: 0 1px @button_text_shadow; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 1px 1px 0 1px; + text-shadow: 0 1px @button_text_shadow; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.96), + shade (@theme_selected_bg_color, 1.15)); + color: @selected_fg_color; +} diff --git a/desktop-themes/Menta/metacity-1/Makefile.am b/desktop-themes/Menta/metacity-1/Makefile.am index 5d7e3355..437b0343 100644 --- a/desktop-themes/Menta/metacity-1/Makefile.am +++ b/desktop-themes/Menta/metacity-1/Makefile.am @@ -2,32 +2,32 @@ themedir = $(datadir)/themes/Menta/metacity-1 theme_DATA = \ - close_focused_normal.png \ - close_focused_prelight.png \ - close_focused_pressed.png \ - close_unfocused.png \ - close_unfocused_prelight.png \ - maximize_focused_normal.png \ - maximize_focused_prelight.png \ - maximize_focused_pressed.png \ - maximize_unfocused.png \ - maximize_unfocused_prelight.png \ + close_focused_normal.svg \ + close_focused_prelight.svg \ + close_focused_pressed.svg \ + close_unfocused_prelight.svg \ + close_unfocused.svg \ + maximize_focused_normal.svg \ + maximize_focused_prelight.svg \ + maximize_focused_pressed.svg \ + maximize_unfocused_prelight.svg \ + maximize_unfocused.svg \ menu.png \ menu_prelight.png \ metacity-theme-1.xml \ metacity-theme-3.xml \ - minimize_focused_normal.png \ - minimize_focused_prelight.png \ - minimize_focused_pressed.png \ - minimize_unfocused.png \ - minimize_unfocused_prelight.png \ + minimize_focused_normal.svg \ + minimize_focused_prelight.svg \ + minimize_focused_pressed.svg \ + minimize_unfocused_prelight.svg \ + minimize_unfocused.svg \ trough_left.png \ trough_middle.png \ trough_right.png \ - unmaximize_focused_normal.png \ - unmaximize_focused_prelight.png \ - unmaximize_focused_pressed.png \ - unmaximize_unfocused.png \ - unmaximize_unfocused_prelight.png + unmaximize_focused_normal.svg \ + unmaximize_focused_prelight.svg \ + unmaximize_focused_pressed.svg \ + unmaximize_unfocused_prelight.svg \ + unmaximize_unfocused.svg EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/Menta/metacity-1/close_focused_normal.png b/desktop-themes/Menta/metacity-1/close_focused_normal.png deleted file mode 100644 index 5d148544..00000000 Binary files a/desktop-themes/Menta/metacity-1/close_focused_normal.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/close_focused_normal.svg b/desktop-themes/Menta/metacity-1/close_focused_normal.svg new file mode 100644 index 00000000..0fedea70 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/close_focused_normal.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/close_focused_prelight.png b/desktop-themes/Menta/metacity-1/close_focused_prelight.png deleted file mode 100644 index f1fea206..00000000 Binary files a/desktop-themes/Menta/metacity-1/close_focused_prelight.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/close_focused_prelight.svg b/desktop-themes/Menta/metacity-1/close_focused_prelight.svg new file mode 100644 index 00000000..30aeca52 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/close_focused_prelight.svg @@ -0,0 +1,242 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/close_focused_pressed.png b/desktop-themes/Menta/metacity-1/close_focused_pressed.png deleted file mode 100644 index 698118b4..00000000 Binary files a/desktop-themes/Menta/metacity-1/close_focused_pressed.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/close_focused_pressed.svg b/desktop-themes/Menta/metacity-1/close_focused_pressed.svg new file mode 100644 index 00000000..58b773c3 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/close_focused_pressed.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/close_unfocused.png b/desktop-themes/Menta/metacity-1/close_unfocused.png deleted file mode 100644 index f3bf3550..00000000 Binary files a/desktop-themes/Menta/metacity-1/close_unfocused.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/close_unfocused.svg b/desktop-themes/Menta/metacity-1/close_unfocused.svg new file mode 100644 index 00000000..ec9c30c8 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/close_unfocused.svg @@ -0,0 +1,252 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/close_unfocused_prelight.png b/desktop-themes/Menta/metacity-1/close_unfocused_prelight.png deleted file mode 100644 index b13cea4c..00000000 Binary files a/desktop-themes/Menta/metacity-1/close_unfocused_prelight.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/close_unfocused_prelight.svg b/desktop-themes/Menta/metacity-1/close_unfocused_prelight.svg new file mode 100644 index 00000000..5c3dd268 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/close_unfocused_prelight.svg @@ -0,0 +1,207 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/maximize_focused_normal.png b/desktop-themes/Menta/metacity-1/maximize_focused_normal.png deleted file mode 100644 index 5d148544..00000000 Binary files a/desktop-themes/Menta/metacity-1/maximize_focused_normal.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/maximize_focused_normal.svg b/desktop-themes/Menta/metacity-1/maximize_focused_normal.svg new file mode 100644 index 00000000..227116f7 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/maximize_focused_normal.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/maximize_focused_prelight.png b/desktop-themes/Menta/metacity-1/maximize_focused_prelight.png deleted file mode 100644 index 3ddc5748..00000000 Binary files a/desktop-themes/Menta/metacity-1/maximize_focused_prelight.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/maximize_focused_prelight.svg b/desktop-themes/Menta/metacity-1/maximize_focused_prelight.svg new file mode 100644 index 00000000..05d36ff4 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/maximize_focused_prelight.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/maximize_focused_pressed.png b/desktop-themes/Menta/metacity-1/maximize_focused_pressed.png deleted file mode 100644 index 188ec27a..00000000 Binary files a/desktop-themes/Menta/metacity-1/maximize_focused_pressed.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/maximize_focused_pressed.svg b/desktop-themes/Menta/metacity-1/maximize_focused_pressed.svg new file mode 100644 index 00000000..58183207 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/maximize_focused_pressed.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/maximize_unfocused.png b/desktop-themes/Menta/metacity-1/maximize_unfocused.png deleted file mode 100644 index f3bf3550..00000000 Binary files a/desktop-themes/Menta/metacity-1/maximize_unfocused.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/maximize_unfocused.svg b/desktop-themes/Menta/metacity-1/maximize_unfocused.svg new file mode 100644 index 00000000..2cc9b555 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/maximize_unfocused.svg @@ -0,0 +1,235 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.png b/desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.png deleted file mode 100644 index 03d3a13c..00000000 Binary files a/desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.png and /dev/null differ diff --git a/desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.svg b/desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.svg new file mode 100644 index 00000000..f056e9b6 --- /dev/null +++ b/desktop-themes/Menta/metacity-1/maximize_unfocused_prelight.svg @@ -0,0 +1,235 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/desktop-themes/Menta/metacity-1/metacity-theme-1.xml b/desktop-themes/Menta/metacity-1/metacity-theme-1.xml index d6aab77d..a2589835 100644 --- a/desktop-themes/Menta/metacity-1/metacity-theme-1.xml +++ b/desktop-themes/Menta/metacity-1/metacity-theme-1.xml @@ -6,7 +6,7 @@ Wolfgang Ulbrich GPL April 2013 - Menta Metacity theme + Metacity theme @@ -20,7 +20,7 @@ - + @@ -78,8 +78,7 @@ - - + @@ -107,8 +106,7 @@ - - + @@ -140,8 +138,7 @@ - - + @@ -154,8 +151,7 @@ - - + @@ -287,76 +283,76 @@ - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + diff --git a/desktop-themes/Menta/metacity-1/metacity-theme-3.xml b/desktop-themes/Menta/metacity-1/metacity-theme-3.xml index 7ae906c1..b54dfdcb 100644 --- a/desktop-themes/Menta/metacity-1/metacity-theme-3.xml +++ b/desktop-themes/Menta/metacity-1/metacity-theme-3.xml @@ -5,19 +5,21 @@ Wolfgang Ulbrich GPL April 2013 - Menta Improved GNOME 3 window theme + A GNOME 3 window theme - - - + + + - + - + + + @@ -27,27 +29,25 @@ - - - - - - + + + + - + - - + + - - - @@ -169,6 +169,10 @@ + + + + @@ -183,6 +187,11 @@ + + + + + @@ -258,7 +267,7 @@ - + @@ -266,15 +275,15 @@ - + - + - + @@ -282,7 +291,7 @@ - + @@ -290,7 +299,7 @@ - + @@ -298,7 +307,7 @@ - + @@ -306,15 +315,15 @@ - + - + - + @@ -322,7 +331,7 @@ - + @@ -330,7 +339,7 @@ - + @@ -338,7 +347,7 @@ - + @@ -346,15 +355,15 @@ - + - + - + @@ -362,7 +371,7 @@ - + @@ -370,7 +379,7 @@ - + @@ -481,7 +490,7 @@ - +